vue项目配置环境变量

更新一下--------------------------------------------------------------------------------

---

最近了解到dotenv，可以解决在开发环境的多环境配置问题。
在项目中安装 dotenv

npm run dotenv

根目录下创建 .env 文件
HOST=localhost PORT=3000
根目录下 index.js 下引入 dotenv 并使用
require('dotenv').config({ path: '.env' })

// 使用 console.log(process.env.HOST) // localhost console.log(process.env.PORT) // 3000

需求： 前后端分离的项目中，前端会有很多环境：本地开发，测试环境，预发布环境，正式上线环境等等，我们的项目有3套基本相同的项目，意思是有12个以上环境，当每个环境都需要打包的时候，手动修改配置就很繁琐而且难免出错，比如每个环境对应的服务器地址不同，项目名称不同。
解决： 在根目录下创建.env.xxx文件，例如.env.development,.env.production,.env.staging,.env.51(51是我的服务器标识)等等

里面配置你需要切换的服务器连接地址，其他项目名称，以及打包