谷歌浏览器跨域配置

最近在vue项目中遇到一个问题：前端请求后端接口，状态码是302,状态码302表示重定向，也就是接口会重定向到一个地址，并且发送http请求。针对于状态码为302，不做详细解释了，简单看一下：

请看图片上响应头里面框选的location:http://xxxxx，location的值就是一个重定向的url，正常的接口是不会出现这个location的，所以在后端不配置跨域的情况下，我们这个接口就会报跨域的错误，这是vue-cli跨域代理不能解决的问题，所以不得不配置浏览器苦于来解决这个问题。。。

下面简单说一下如何配置浏览器跨域：

第一部：版本号49之前的跨域设置（这是老版本谷歌浏览器的跨域配置，相对来说比较简单）

具体做法为：

1.首先我们需要打开电脑，在电脑桌面上点击谷歌浏览器快捷方式，然后点击鼠标右键在下拉列表中选择属性，打开属性窗口，切换到快捷方式选项下面，默认是常规选项。

如图所示：
2.在目标路径的后面添加【 --disable-web-security】，格式为："C:\Program Files\Google\Chrome\Application\chrome.exe" --disable-web-security，其中chrome.exe与--disable之间有一个空格。（如果目标中的路径含有双引号，然后在双引号的外面添加。） 如下图所示：

 

3.点击应用和确定后关闭属性页面，并打开chrome浏览器。如果浏览器出现提示“你使用的是不受支持的命令标记 --disable-web-security”，那么说明配置成功。如下图所示：

第二部：版本号49之后的chrome跨域设置。其实目前大部分谷歌浏览器都是版本号49之后的浏览器了，所以重点说下面的谷歌浏览器跨域配置：

chrome的版本升到49之后，跨域设置比以前严格了，在打开命令上加--disable-web-security之后还需要给出新的用户个人信息的目录。众所周知chrome是需要用gmail地址登录的浏览器，登录后就会生成一个存储个人信息的目录，保存用户的收藏、历史记录等个人信息。49版本之后，如果设置chrome浏览器为支持跨域模式，需要指定出一个个人信息目录，而不能使用默认的目录，估计是chrome浏览器怕用户勿使用跨域模式泄露自己的个人信息（主要是cookie，很多网站的登录token信息都是保存在cookie里）。

具体做法为：

1.在电脑上新建一个目录，例如：我是在桌面上创建一个文件夹，名字自定义，如下图所示：

打开文件夹，并复制该文件夹的绝对路径，如下图所示：ctrl+c复制框选的路径

2.在电脑桌面上点击谷歌浏览器快捷方式，然后点击鼠标右键在下拉列表中选择属性，打开属性窗口，切换到快捷方式选项下面，默认是常规选项。

在快捷方式选项的目标输入框里加上   --disable-web-security --user-data-dir=C:\Users\Administrator\Desktop\MyChromData，--user-data-dir的值就是刚才新建的文件夹并且复制的文件夹的url。

如图所示：

3.点击应用和确定后关闭属性页面，并打开chrome浏览器。再次打开chrome，发现有“--disable-web-security”相关的提示，说明chrome可以正常跨域工作了。如下图所示：

谷歌浏览器配置跨域完成，喜欢的小伙伴请动动手点个赞，感谢~~~~~