vite 中如何获取.env中的变量

在Vite中，你可以通过以下两种方式从`.env`文件中获取环境变量：

1. **在业务代码中**[^2]:
- 在JavaScript或TypeScript的模块中，你可以直接使用`import.meta.env`来访问环境变量。例如，如果你有一个名为`VITE_APP_BASE_API`的变量，可以这样获取：

     const apiUrl = import.meta.env.VITE_APP_BASE_API;

2. **在vite.config.js中**[^1]:
- 如果你需要在配置文件中使用这些变量，可以利用`vite`提供的`loadEnv`函数。这允许你在不同的模式（如开发、生产）下加载对应的环境变量。示例如下：

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

这里，`loadEnv`会读取与当前模式匹配的`.env`文件中的变量。