Web前端：解除谷歌浏览器GoogleChrome跨域请求限制

在使用axios组件间向接口发送请求获取数据时，出现了跨域保护，在这里记录一个解决办法。

运行环境 Runtime environment

操作系统 ： win10
IDE: JetBrains Pycharm 2018.2.4 x64  
Python: 3.6.2
Django: 2.0.3

---

背景

在本地使用aixos开发页面，向 bilibili api发送请求获取数据。
用来做一个axios的演示程序，但是出现了问题。
在谷歌浏览器 console 里提示报错，
“Acces-Control-Allow-Origin” header is present on the requested resource

如果排除不是服务器接口方面的原因，那么可能是谷歌浏览器自身的对跨域请求做了限制，需要修改一下谷歌浏览器的配置。

解决办法

1. 在C盘根目录新建文件夹“MyChromeDevUserData”
   

2. 复制一个谷歌浏览器的快捷方式出来并改名成”Google Chrome(跨域设置)”
   

3. 右键打开”Google Chrome(跨域设置)”快捷方式的属性，在末尾添加上参数
   

   --args --disable-web-security --user-data-dir=C:\MyChromeDevUserData

4. 使用这个快捷方式来打开谷歌浏览器，并在上面运行写好axios的前端代码，就能获取到非服务器限制的跨域数据了。

总结

之前一直不知道，除了服务器后端限制了跨域请求外，现在的谷歌浏览器其实自身也有跨域请求保护。

在确保服务器后端没有跨域请求限制的情况下，使用这种办法就能实现前端访问跨区域请求数据了。

但是，最后要说的是，这个方法只能在开发阶段作为一种调试方法。

赏

×

也就放着玩的

扫码打赏，其实感觉也没人会给的。。

打开支付宝扫一扫，即可进行扫码打赏哦