vue 设置前端代理解决跨域问题

1.在vue.config.js中添加

devServer:{
// 跨域代理
proxy:{
// 只要axios的请求中有'/api' 就触发代理
'/api':{
target:'http://192.168.0.88:8888/api/private/v1',
// 允许跨域
changeOrigin:true,
// 重写路径
pathRewrite:{
'^/api':''
}
}
}
}
2.将config index.js中的baseURL改为'/api'

3.重启服务

注：前端跨域代理只在开发过程中使用，发布线上项目要后端做跨域代理