原文地址:Chrome浏览器跨域设置
最近一个项目,本地开发是原生html页面,但调用的接口是服务器上的。
本地打开html页面,对应域名是文件在本机的地址,再访问接口时,就会产生跨域问题。但若是发布,html页面会构建在接口所在服务器,又没有跨域问题。
所以,只需要单纯解决本机开发测试的跨域。这就可以借助chrome浏览器的灵活设置了。
具体设置方法如下:
1. Chrome 版本小于49
设置步骤:
在Chrome的快捷图标上鼠标右键 --> 属性 --> 目标 --> 在原chrome路径的基础上加上 --disable-web-security
--> 应用。
之后关闭所有chrome,点击Chrome的快捷图标,重新启动浏览器,如果看到地址栏下面有个小黄条——你使用的是不受支持的命令标记 --disable-web-security
,就是设置成功了。
2. Chrome 版本大于49
设置步骤和上面类似,就是在原chrome路径的基础上加上的代码串不一样。
建议:发送一个快捷方式到桌面,重命名下,然后在这个快捷方式上面进行配置。
设置步骤:
在Chrome的快捷图标上鼠标右键 --> 属性 --> 目标 --> 在原chrome路径的基础上加上 --disable-web-security --user-data-dir=C:\MyChromeDevUserData
--> 应用。(注意:以上的字符串加在原路径引号外面,且要有空格间隔。)
其中,C:\MyChromeDevUserData
是你本地硬盘的一个目录,最好自己新建一个,上面的目录路径换成自己新建的目录即可。
3. Mac系统
MAC 上Chrome跨域设置,是直接终端敲命令设置,不过每次mac重启后,都要重新执行命令。
设置步骤:
- 新建一个目录。用于存放保存关闭安全策略后的用户信息的,名称和位置随意。
- 在终端中输入:
open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/Vic/Documents/MyChromeDevUserData
其中,/Users/Vic/Documents/MyChromeDevUserData
对应步骤1新建目录的路径