vue使⽤axios请求数据报500的解决办法（跨域问题）
跨域定义：
跨域的解释：当前所在页⾯的url去请求后台提供的url的时候，这两个url的相⽐较之下，如果协议类型、域名、端⼝号其中任何⼀个不⼀致就会发⽣跨域问题gzip是什么文件夹
序号当前所在页⾯的url后台提供的url跨域情况原因
1localhost:8080localhost:8080/zbApi/user/auto_login不跨域协议类型、域名、端⼝号都⼀致2localhost:8080localhost:8080跨域协议类型不相同 http| https 3localhost:8080ymzp.0633hr/api/app/user/auto_login跨域域名不同
4localhost:8080localhost:8081跨域端⼝号不相同 8080 |8081
项⽬简介：我是使⽤脚⼿架创建的vue项⽬，且是前后端分离的项⽬。
前端⽤的vue.js框架，后端⽤的是thinkcmf或者node.js框架。
既然是前后端分离的项⽬，前端爱⽤什么框架就⽤什么框架，后端爱⽤什么框架就⽤什么框架，前后端并不⼲预，就看公司的要求了，都是可以随意搭配的。
就像我们公司，1个项⽬前端⽤vue.js，后端⽤的是node.js。另⼀个项⽬前端⽤vue.js，后端⽤的是thinkcmf
结论：
我这种情况属于后者，所以报了如下的错误。
Access to XMLHttpRequest at 'ymzp.0633hr/api/app/user/auto_login' from origin 'localhost:8080' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
image.png
解决办法
步骤⼀：⾸先操作的是config⽂件夹下的index.js⽂件。可以看到proxyTable⾥⾯没有配置任何信息，接下来主要是配置proxyTable

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。