加载中…vue-element-admin解决跨域问题InvalidCORSrequest
(2021-07-03 22:25:29)
标签：
element |
分类： java学习 |
使用vue-element-admin连接springboot开发的接口，第一次就遇到了跨域的问题，提示错误：Invalid CORS
request
[process.env.VUE_APP_BASE_API]:{
target: 'http://localhost:8011', //
这个链接是要代理到的api地址
changeOrigin: true,
pathRewrite: {
['^'+process.env.VUE_APP_BASE_API]:''
}
}
},
VUE_APP_BASE_API修改为空，不然访问的地址里就会出现dev-api
首先，解决的思路是：
1，原因，
造成跨域的原因是因为我们设置的接口和请求的接口不同造成，而且一般做前后端 分享，后端
接口和前端文件不在同一个工程，也是造成跨域的原因
2，解决思路
在以前js和jquery时候，都是设置josnp或是后端 修改数据接口类型，解决起来非常麻烦
在使用vue后，只要使用代理接口就可以解决
首先，打开vue.config.js，在devServer里，写入如图所示的配置信息， target
为转发的url，
proxy:{
注意点：before: require('./mock/mock-server.js')
务必注释掉 不然有哭的哦！
修改.env.development 配置，直接为空就好了
VUE_APP_BASE_API修改为空，不然访问的地址里就会出现dev-api
重新测试，访问，是不是发现url还是本地的，不过没事已经请求成功，原因是因为我们使用了代理，转发，
喜欢
0
赠金笔