写在前端的话
除了后端解决跨域问题
前端可以解决吗?
答案是可以~~~
(一)问题
遇到了跨域问题,本地的URL是
http://localhost:8080/#/
接口请求是IP:端口
报错,跨域了...
![](https://img.haomeiwen.com/i19050589/e11ecdb7c83e8b6e.png)
(二)解决方案
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://img.haomeiwen.com/i19050589/46ba5140d9ea8e80.png)
网友评论