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章 滚吧! 我不想杀人!, 【火爆爽文】“古武者?地狱归来?华夏第一人?我惹不起?不好意思,在我面前,都要跪下!”五年前,家族覆灭,废物叶辰犹如地上蠕虫般被人耻笑!但是五年后,他带着一身逆天术法强势回归!更可怕的是,他背后还站.. ,免费阅读时空书城

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

时空书城