关于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里面设置的项目地址中去测试。
改变脚本命令,从而配置不同访问服务器,因为该对象是全局的,所以还可以配置一些,相对与不同环境是的变量,达到修改一个值,就全局使用。