@vue/cli的脚手架的.env.xxx.local的全局环境变量

关于vue项目我们经常遇到,我们会把开发的项目发布到服务器上,但未正式上线时我们会先把项目发布到测试服,测试项目是否正常,但服务器的地址都不同如何能在不修改服务器地址的情况下发布到测试服测试后,在打的包到生产服正式上线呢!

1:在scripts下配置一个脚本命令例如:vue-cli-service serve --mode (test),此脚本会运行,如果配置了.env(任何脚本都会运行此文件配置) ,.env.test.env ,.env.test.local这几个文件都会被运行。

2.我们可以在项目更目录下配置.env,.env.test.local,   .env.test.

3.假如运行npm run test此脚本,我们想改变到测试服的ip地址,在env.test里面可以这样配置:

在axios.defaults.baseURL    =  process.env.VUE_APP_BASE_URL(这里的默认地址就是你在env.test中所写的地址),因为process.env全局的环境变量对象,详情:http://nodejs.cn/api/process.html#process_process_env

这样就可以发布到env.test里面设置的项目地址中去测试。

改变脚本命令,从而配置不同访问服务器,因为该对象是全局的,所以还可以配置一些,相对与不同环境是的变量,达到修改一个值,就全局使用。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容