vue-cli3.0配置开发环境，测试环境，线上环境-夜狼博客

通过不同命令行切换不同环境api等信息，例如： npm run dev 调用本地环境api npm run test 调用测试环境api npm run build 调用线上环境api

（1）先在package.json文件中添加： "test": "vue-cli-service build --mode test"

"scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "lint": "vue-cli-service lint", "test": "vue-cli-service build --mode test" },

（2）在项目目录下建立 .env文件和.env.test文件

.env文件 NODE_ENV = 'production' VUE_APP_FLAG = 'pro'

.env.test文件（outputDir：打包时的输出目录名字，若需默认输出到dist目录，则可不写该变量） NODE_ENV = 'production' VUE_APP_FLAG = 'test' outputDir = test

在vue.config.js文件中添加： outputDir: process.env.outputDir,

（3）在api里的index.js文件中添加：

/* * npm run test 打包测试环境 --打包好的代码在test文件夹 * npm run build 打包正式环境 --打包好的代码在dist文件夹 * 第一层if判断生产环境和开发环境 */ if (process.env.NODE_ENV === 'production') { /*第二层if，根据.env文件中的VUE_APP_FLAG判断是生产环境还是测试环境*/ if (process.env.VUE_APP_FLAG === 'pro') { //production 生产环境 BASE_URL = 'https://************.com'; } else { //test 测试环境 BASE_URL = 'https://************.com'; } } else { //dev 开发环境 BASE_URL = 'http://api.com'; }

都市极品医神（叶辰夏若雪孙怡）小说，最新章节阅读

都市极品医神（叶辰夏若雪孙怡）:第1章滚吧！我不想杀人！, 【火爆爽文】“古武者？地狱归来？华夏第一人？我惹不起？不好意思，在我面前，都要跪下！”五年前，家族覆灭，废物叶辰犹如地上蠕虫般被人耻笑！但是五年后，他带着一身逆天术法强势回归！更可怕的是，他背后还站.. ,免费阅读时空书城

如果这个文章对你有帮助，请支持下站长的努力付出，点击下方是本人的网站:时空书城，谢谢