1.在vue.config.js中添加一下代码
devServer: {
proxy: {
'/api': {
target: '基础路径', // 基础路径
changeOrigin: true, // 允许跨域
pathRewrite: {
// 路径重写
'/api': ''
}
}
}
}
2.axios中创建axios实例的基础路径也需要改变,代码如下
// 创建一个axios 实例
const api = axios.create({
//把baseURL中的基准地址更改
baseURL: "api", // 基准地址
timeout: 5000 // 超时时间
})
3.最重要的一点,解决完跨域问题,项目要重新启动,否则会报错!!!