通過設定chrome瀏覽器解決跨域問題,在本地進行開發工作
阿新 • • 發佈:2018-11-10
原文:http://www.cnblogs.com/kugeliu/p/6566462.html
後端跨域許可權無法開啟,於是去網上找了下我這邊能不能解決
現在的瀏覽器出於安全策略的限制,都是不允許跨域的,但是開發的時候經常需要一些別的域的介面,特別是一些介面不是自己能控制的時候,往往會造成開發困難。
今天無意中知道了,chrome瀏覽器可以通過設定,解決跨域問題。
如果 Chrome 版本在49之前,設定方法如下:
1、在Chrome的快捷圖示上點選滑鼠右鍵
2、選擇屬性
3、選擇快捷方式標籤
4、在目標裡面,在原chrome路徑的基礎上加上 --disable-web-security
5、點選應用
6、點選確定關閉屬性視窗
7、關閉所有已開啟的chrome,重新啟動
8、看到位址列下面的小黃條你使用的是不受支援的命令標記 --disable-web-security,就成功了
注意: --前面有個空格
如果是49以上的版本:
步驟和上面的一樣,只是第4步的引數稍微不一樣。
–disable-web-security --user-data-dir=C:\MyChromeDevUserData
C:\MyChromeDevUserData 是你本地硬碟的一個目錄,你自己最好新建一個,上面的目錄路徑換成你新建的目錄就可以了。
============================================================================================================
某些網站提供一些API可以返回JSON資料,但是由於跨域問題,正常情況無法拿到(如下)。使用此方案後,可以在本地的html頁面拿到該資料。
<html> <head> <meta charset="utf-8"> <title>Test)</title> <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ $.ajax({url:"https://www.jubi.com/api/v1/ticker?coin=bcc", type: "GET", dataType:'json', async:false, success:function(result){ console.log(result); } }); }); }); </script> </head> <body> <button>Test</button> </body> </html>