vue-cli3.0的项目上,配置多个环境

2023-11-01

vue-cli3.0的项目上,配置多个环境

一般情况下,我们会需要三个环境(开发环境、测试环境、生产环境),而3.0默认只支持两个环境(即测试环境、生产环境)
创建测试环境
1:在根目录下创建一个evn.test文件
NODE_ENV = 'test'
2在项目根目录添加 config.js文件,配置各环境的url
let BASE_URL = ""; //这里是一个默认的url,可以没有
switch (process.env.NODE_ENV) {
    case 'development':
        BASE_URL = "" //这里是本地的请求
        break
    case 'test':
        BASE_URL = "" // 测试环境
        break
    case 'production':
        BASE_URL = "" //生产环境
        break
}

export default BASE_URL;
3在package.json文件中,添加启动命令
"scripts": {
  	 "serve": "vue-cli-service serve",
     "test": "vue-cli-service build --mode test",  // <----
     "build": "vue-cli-service build"
},
4在需要用到的地方引入config文件就可以了
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

vue-cli3.0的项目上,配置多个环境 的相关文章

随机推荐