CORS跨域问题解决方法

257 阅读1分钟

1. 访问127.0.0.1发生跨域

谷歌浏览器,出现Access to XMLHttpRequest at ‘http://localhost:xxxx/api’ from origin ‘xxx.xxx.com:xxxx’ has been blocked by CORS policy报错

解决方法:

因为调用的是硬件接口,没法通过后台方法解决跨域问题,只能通过前端接口进行处理。

  1. 打开谷歌浏览器,在地址栏输入chrome://flags/进入下方页面
  2. 在搜索栏搜索Block insecure private network requests并设置为Disabled,重新打开浏览器就好了

2. 访问域名发生跨域

开发环境,vue.config.js需要设置dev proxy 生产环境,需要nginx进行转发