当前位置: 首页 > 工具软件 > AntD Admin > 使用案例 >

Vue Antd Admin 跨域代理配置

燕光熙
2023-12-01
  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
  1. 修改文件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

 类似资料: