.env.development与.env.production配置项,以及示例

在前端开发中，我们常常需要使用环境变量来配置不同环境下的 API 地址、密钥等信息。为了方便管理和维护，我们一般会使用`.env`文件来存储这些环境变量。在项目中，一般会有`.env.development`和`.env.production`两个文件，分别用于开发环境和生产环境。

`.env.development`配置项示例：

VUE_APP_API_URL=http://localhost:3000/api
VUE_APP_SECRET_KEY=dev_secret_key

`.env.production`配置项示例：

VUE_APP_API_URL=https://api.example.com
VUE_APP_SECRET_KEY=prod_secret_key

注意：在 Vue.js 中，以 VUE_APP_ 开头的变量会被自动注入到应用程序的 process.env 对象中，可以在代码中直接使用 process.env.VUE_APP_API_URL 和 process.env.VUE_APP_SECRET_KEY 访问这些变量的值。