为什么要在项目中配置环境变量
在真实项目中 我们在开发 测试 上线 都是对应不同 后端服务接口的
每次上线打包 你得把 开发接口改成上线接口 每次手动改 是不很麻烦? (不麻烦啊 OK 耽误你时间 抱歉哦)
解决办法 配置环境变量 让我们运行 对应命令的时候 自动的选择
怎么做到自动切换尼?
第一步:
我们在项目运行命令的时候 在package.json 文件中 有对应的 命名
比如下图 我们在 运行 npm run dev 命名的时候 就会调用 development 就会执行 .env.development 文件
第二步:
然后通过脚手架 这里以 vite 为例 在 vite.config 文件中 通过vite 提供的方法 loadEnv 来加载.env.xxxx 环境变量文件 拿到env 变量
- mode 就是传入这个文件
- process.cwd() 获取这个文件的目录的
- env 变量中存放环境变量相关的配置信息。
第三步:
通过env 变量 来获取 文件中的 端口 目标地址 都是可以的
总结:
- 我们可以根据不同的环境 编写不同
.env.xxxx这样的环境变量文件 - 然后通过
vite这样的工具通过的命名 编译成不同环境的文件的时候 会自动帮助我们调用不同的接口
