Vue Antd Admin 跨域代理配置

  1. 修改文件 src\services\api.js
1
2
3
4
//跨域代理前缀
const API_PROXY_PREFIX='/adminapi'
const BASE_URL = process.env.NODE_ENV === 'production' ? process.env.VUE_APP_API_BASE_URL : API_PROXY_PREFIX
//const BASE_URL = process.env.VUE_APP_API_BASE_URL
  1. 修改文件vue.config.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
module.exports = {
devServer: {
proxy: {
'/adminapi': { //此处要与 /services/api.js 中的 API_PROXY_PREFIX 值保持一致
target: process.env.VUE_APP_API_BASE_URL,
changeOrigin: true,
pathRewrite: {
'^/adminapi': '/'
}
}
}
},
......
}

然后重启yarn serve

坚持原创技术分享,您的支持将鼓励我继续创作!
0%