vite.config.js

  proxy: {
       // 把key的路径代理到target位置
       // detail: https://cli.vuejs.org/config/#devserver-proxy
       [process.env.VITE_BASE_API]: { // 需要代理的路径   例如 '/api'
         target: `${process.env.VITE_BASE_PATH}:${process.env.VITE_SERVER_PORT}/`,
        // 代理到 目标路径
         changeOrigin: true,
         rewrite: path => path.replace(new RegExp('^' + process.env.VITE_BASE_API), ''),
       },
       [process.env.VITE_MOCK_BASE_API]: {
         target: `${process.env.VITE_MOCK_BASE_PATH}`,
         changeOrigin: true,
         //假如在请求拦截器上写了baseURL 就rewrite 否则就不添加
       }
     },

.env

VITE_SERVER_PORT = 8888
VITE_BASE_API = /api  //项目baseURL
VITE_BASE_PATH = xxx //项目接口真实地址
VITE_MOCK_BASE_PATH = xxx // fastmock地址
VITE_MOCK_BASE_API = /mockApi //需要mock baseURL

axios

  service.interceptors.request.use(
  config => {
    config.baseURL = config.url.includes('mockApi') ? '/' : import.meta.env.VITE_BASE_API
    return config
  },