vite.config.js中的内容：

在这里配置访问后台的地址

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

export default defineConfig({
  plugins: [vue()],
  server: {
    open: false,
    port: 3000,
    proxy: {
      '/api': {
        target: 'http://127.0.0.1:9001', // 后台地址
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, '')
      },
    },

  },

})

---

一般都是再utils中创建axios：

看图

const baseURL = import.meta.env.VITE_MODE==='development' && import.meta.env.VITE_APP_TEST_MODE * 1 === 0 ? '/api/metal' : '/metal'
// 1. 创建axios实例
console.log(import.meta.env)
const instance = axios.create({
  // 接口
  baseURL: baseURL,
  // 超时时间
  timeout: 50000,
});

---

在根目录下创建俩文件(直接 就是new file) (text)：

看图

.env.development

VITE_MODE=development
VITE_APP_TEST_MODE=0
# 是否全量引入element-plus样式
VITE_USE_ALL_ELEMENT_PLUS_STYLE=true

.env.test

VITE_MODE=testServer
VITE_APP_TEST_MODE=0

最后打包使用 npm run build 或者本地启动npm run dev 就可以了 (看自己配置的是什么)
在package.json中