vue3 全局变量 process.env.NODE_ENV
时间: 2023-11-02 11:58:32 浏览: 251
在Vue 3中,全局变量process.env.NODE_ENV已经被移除了。Vue 3采用了新的开发模式,即使用Vite或Webpack等工具来处理环境变量。在Vue 3中,你可以通过import.meta.env来访问环境变量。
例如,可以使用import.meta.env.MODE来获取当前的运行模式(development、production等):
```javascript
if (import.meta.env.MODE === 'development') {
// 开发环境下的逻辑
} else if (import.meta.env.MODE === 'production') {
// 生产环境下的逻辑
}
```
你还可以使用import.meta.env.VITE_*来访问自定义的环境变量。在Vite中,以VITE_开头的变量会被暴露给应用程序。
例如,如果你在项目的根目录下创建了一个.env文件,并定义了一个名为VITE_API_URL的变量:
```
VITE_API_URL=https://api.example.com
```
那么你可以在代码中使用import.meta.env.VITE_API_URL来获取该变量的值:
```javascript
console.log(import.meta.env.VITE_API_URL); // 输出:https://api.example.com
```
总之,在Vue 3中,你可以使用import.meta.env来访问环境变量,而不再使用process.env.NODE_ENV。
阅读全文