1. 程式人生 > >通過設定chrome瀏覽器解決跨域問題,在本地進行開發工作

通過設定chrome瀏覽器解決跨域問題,在本地進行開發工作

原文: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>