写在前端的话
除了后端解决跨域问题
前端可以解决吗?
答案是可以~~~
(一)问题
遇到了跨域问题,本地的URL是
http://localhost:8080/#/
接口请求是IP:端口
报错,跨域了...
(二)解决方案
1、后端配置
Access-Control-Allow-Origin
Access-Control-Request-Method
2、前端解决问题
1)在vue.config.js文件加入生产环境代理
devServer: {
proxy: {
'/api': {
target: 'http://182.92.***.**:3000/', // 跨域目标主机,自行修改
changeOrigin: true,
pathRewrite: {
'^/api': '' // 重写地址
}
},
}
},
2)接口请求修改:
/api/api/auth/login
3)重启前端项目,生效
参考链接
https://blog.csdn.net/weixin_39553363/article/details/104152142
https://juejin.cn/post/6844904055148380173