如何配置vue-cli环境变量

为Vue CLI设置环境变量的方法有以下几种：

1. 在package.json中配置.env文件：你可以在package.json文件中配置.env.development或.env.production或.env文件。然后，在npm start或npm build时，该文件中的变量将是可用的。例如，你可以在.env.production文件中设置应用程序的API密钥。

2. 使用dotenv插件：dotenv允许你在应用程序中动态加载环境变量。要使用它，请按照以下步骤操作：

（1）安装dotenv插件：npm i -D dotenv

（2）在main.js中调用dotenv.config()函数。此函数可以将.env文件中的变量加载到应用程序中。

3. 使用cross-env插件：cross-env可以在Windows和Linux上正确设置环境变量。在使用cross-env之前，请先安装它：npm install -D cross-env

然后，在package.json文件中，你可以定义自己的环境变量并使用cross-env来设置它们。例如，你可以在build命令中设置NODE_ENV变量，如下所示：

"scripts": {
"build": "cross-env NODE_ENV=production vue-cli-service build"
}

这将告诉Vue CLI在构建时使用“production”设定。