environment获取配置文件列表(getenv获取不到环境变量)

作者：电脑培训网 2024-04-03 10:36:05 997

在vite中获取env环境变量

在vite里获取env环境变量

。env环境配置文件在cli项目中，我们可以配置.env.[mode]文件来配置环境变量。在cli项目中使用.env.[mode]，在vite中使用。env文件.env环境配置文件

environment获取配置文件列表(getenv获取不到环境变量)

我们在项目中总会遇到一些默认配置。我们需要将它们配置成静态文件，以便我们能够获取它们。这时候我们就可以使用这个.env环境变量文件了，它是cli创建的项目中的顶层文件。Nodejs将有一个进程对象。该对象可以根据不同的环境获取不同的环境配置文件。但流程对象无法在Vite中使用。通过研究，在Vite中使用环境变量比较方便。

在cli项目中我们可以是配置.env.[mode]文件来配置环境变量

代码显示。

ENV='development'#baseapiVUE_APP_BASE_URL=''VUE_APP_BASE_NAME='VUE项目'

注意：属性名称必须以VUE_APP_开头，如：VUE_APP_XXX

在cli项目中使用.env.[mode]

您可以使用js文件中的process.env来获取环境配置。

//codeprocess.env

//突出显示的块baseURL=process.env.VUE_APP_BASE_API;

在vite中使用.env文件

Vite在特殊的import.meta.env对象上公开环境变量。以下是一些可在所有情况下使用的内置变量：

import.meta.env.MODE:{string}应用程序运行的模式。import.meta.env.BASE_URL:{string}部署应用程序时的基本URL。由基础配置项决定。import.meta.env.PROD:{boolean}应用程序是否在生产环境中运行。import.meta.env.DEV:{boolean}应用程序是否在开发环境中运行。为了防止意外泄露一些环境变量给客户端，只有前缀为VITE_的变量才会暴露给vite处理的代码

代码显示。

ENV='development'#baseapiVITE_APP_BASE_URL=''VITE_APP_BASE_NAME='vite项目'

console.log(导入.meta.env)

打印结果如下

Vite使用环境配置具体文档请参考Vite官网链接：