Vue Antd Admin 跨域代理配置

本文已参与「新人创作礼」活动，一起开启掘金创作之路。

1. 修改文件 src\services\api.js

//跨域代理前缀
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

2. 修改文件vue.config.js

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