vue3+vite在vite.config.ts中使用环境变量process.env.xxx获取变量为undefined

.env环境配置

NODE_ENV=development
VITE_API_URL="http://127.0.0.1"

使用vite自带的loadEnv函数可以直接获取变量

// vite.config.ts
import { defineConfig, loadEnv } from "vite";
export default ({ mode }: any) => {
  const { VITE_HTTP_URL } = loadEnv(mode, process.cwd());
  return defineConfig({
    server: {
      proxy: {
        "/api": {
          target: VITE_API_URL,
          changeOrigin: true,
          // rewrite: (path) => path.replace(/^\/api/, ""),
        },
      },
    },
  });
};