直接上干貨
vite.config.ts：

import { defineConfig, loadEnv } from 'vite'

// https://vitejs.dev/config/
export default ({ mode }) =>
  defineConfig({
    server: { // 開發(fā)服務(wù)器配置
      port: 3333, // 開發(fā)服務(wù)器端口
      proxy: {
        [loadEnv(mode, process.cwd()).VITE_APP_BASE_API]: {
          target: loadEnv(mode, process.cwd()).VITE_APP_REAL_API, // 騰訊云服務(wù)器
          // target: 'http://localhost:3003', // animal_server
          changeOrigin: true,
          rewrite: path => {
            const apiString = loadEnv(mode, process.cwd()).VITE_APP_BASE_API
            const envApi = new RegExp(apiString, 'g')
            return path.replace(envApi, '')
          },
        },
      },
    },
  })

還可以：

const config = loadEnv('development', './')
export default defineConfig({
  server: {
    proxy: {
      config.VITE_APP_BASE_API: config.VITE_APP_REAL_API,
      // '/api': config.VITE_APP_REAL_API
    },
  },
})

.env.development文件：

# just a flag
ENV = 'development'

# base api 個(gè)人習(xí)慣給代理別名也明確環(huán)境
VITE_APP_BASE_API = '/dev-api'

# real api
VITE_APP_REAL_API = 'http://localhost:3003'
# VITE_APP_REAL_API = 'http://xxx.xx.xxx.xxx:3003'