前端开发在Chrome浏览器上的跨域问题

一、场景

有时候我们开发调试项目阶段，遇到有一些后端接口有跨域问题无法正常访问，这时候我们就可以开启Chrome浏览器的跨域功能来正常访问需要跨域的接口请求。

二、操作步骤

1、MAC系统

1、在Mac的 /Users/xxx(你的用户名)/Documents 文件夹下创建文件夹 MyChromeDevUserData （该文件夹是用来保存关闭安全策略后的用户信息的，名字可以随意取，位置也可以随意放），然后在该文件夹右键新建位于该文件夹位置的终端窗口，并输入执行如下命令：

open -n /Applications/Google\ Chrome.app/ --args --disable-web-security  --user-data-dir=/Users/xxx（你的用户名）/Documents/MyChromeDevUserData

2、回车，如果是第一次打开，应该Chrome会弹出一个窗口，点击启动Google Chrome，接下来打开的Chrome浏览器就可以直接访问跨域的链接了

2、Window系统

旧版浏览器

在 Chrome 的某个快捷方式下，右击选择属性，在属性页面中的目标输入框里加上 –disable-web-security ，点击应用和确定后关闭属性页面，并打开 chrome 浏览器。如果浏览器出现提示“你使用的是不受支持的命令标记 --disable-web-security，那么说明配置成功。

新版浏览器

1. 在电脑上新建一个目录，例如：C:\MyChromeDevUserData
2. 在属性页面中的目标输入框里加上 --disable-web-security --user-data-dir=C:\MyChromeDevUserData，--user-data-dir 的值就是刚才新建的目录。
3. 点击应用和确定后关闭属性页面，并打开 chrome 浏览器。

再次打开 chrome，发现有 –disable-web-security 相关的提示，说明 chrome 又能正常跨域工作了。

注意：如果使用跨域，必须通过该快捷方式打开，其余的地方打开的 chrome，都不好使。