vue项目中的跨域源请求拦截问题CORS头缺少'Access-Control-Allow-Origin'

这里使用的是axios发请求出现的。

 

访问的api接口是:

vue项目中的跨域源请求拦截问题CORS头缺少'Access-Control-Allow-Origin'

 

在不同域之间访问是比较常见,在本地调试访问远程服务器。。。。这就是有域问题。

VUE解决通过proxyTable

 

解决办法:

1.检查请求方式:我一开始是用了this.axios.post(url),改为this.axios.get(url)

vue项目中的跨域源请求拦截问题CORS头缺少'Access-Control-Allow-Origin'

2.将axios

axios.defaults.baseURL = 'http://XXX.com';//注释掉

3.配置proxyTable,意思是如果请求地址以/api,或者/XXapi 开头,则自动加上target,直接看例子

原来:this.axios.get('/api/appname=3')

配置了下方的proxyTable后

发请求的时候就相当于this.axios.get('http://XXX.com/api/apname=3')

 

vue项目中的跨域源请求拦截问题CORS头缺少'Access-Control-Allow-Origin'

 

注意,代理成功后,打开浏览器调试,请求地址出现localhost是正常的,实际上已经通过代理转到了外网服务器中

vue项目中的跨域源请求拦截问题CORS头缺少'Access-Control-Allow-Origin'

 

 

 

参考:

https://www.cnblogs.com/cscredis/p/9286250.html

 

相关文章:

  • 2021-09-29
  • 2022-12-23
  • 2022-12-23
  • 2021-12-19
  • 2021-07-07
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-08-15
  • 2022-02-24
  • 2021-05-22
  • 2021-07-27
相关资源
相似解决方案