当请求的协议,域名和端口号 与 当前访问的协议,域名和端口不一致
当前访问的是:http://localhost:8080
请求的是http://localhost:3000/shop-service/v1/user/login
解决跨域问题:在服务器端不会有跨域问题,所以可以在vue中配置代理转发
因为vue-cli是运行在node环境中,node环境不是客户端浏览器,所以没有跨域问题,需要代理转发
1.请求当前本地服务器http://locolhost:8080
2.在Vue脚手架的配置文件vue.config.js中添加,代理转发配置
// 配置反向代理,所有访问在/shop-service/v1的地址全都转发到http://localhost:3000这个地址上
//开发模式下 服务器配置
devServer: {
//代理
proxy: {
//代理转发请求的条件:以/shop-service/v1开头的请求都会被转发
'/shop-service/v1': {
//目标服务器地址
target: 'http://localhost:3000',
changeOrigin: true
}
}
注:修改配置文件记得重启