通过设置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,重新启动

扫描二维码关注公众号,回复: 4012328 查看本文章

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>

猜你喜欢

转载自blog.csdn.net/sinat_30777203/article/details/83579808