四、package.json 修改 "build": "vue-cli-service build --mode build && vue-cli-service build --mode test" public/myAddressConfig.js let configHttps = { axiosURL: ` ${ weeg_pro_base } /api/` , testURL : '/api/' }
package.json配置打包命令 "scripts": {"serve": "vue-cli-service serve --open","test": "vue-cli-service build --mode test","build": "vue-cli-service build"},
1、在根目录下创建两个.env的文件,.env.build是生产环境,.env.test是测试环境,两个文件的【NODE_ENV】都= ‘production’用另一个变量【VUE_APP_CURRENTMODE】 来区分环境 .env.test env.production 2、package.json里面配置运行脚本 执行npm run test 则走的.env.test 执行npm run build 则走的.env.produc...
1. 在根目录下新建 .env.xx (xx可以是自己取的用来区分这三个环境) 下面是我新建的,分别对应测试环境,开发环境,正式环境 image.png 2. 配置 测试环境: 测试环境和正式环境一样都是需要打包所以NODE_ENV都是'production',VUE_APP_FLAG是我们自己取的用来区分环境的变量,为了和正式环境打包完的dist区分,我们指定...
1、上图的三个文件需要自己加在所创建的vuecli项目的根目录 2、3个文件具体的配置 development production test NODE_ENV = 'development' //模式 VUE_APP_MODE = 'development' //通过"VUE_APP_MODE"变量来区分环境 outputDir = 'development' VUE_APP_URL = "http://ip:端口号/QHSE/" ...
Vue cli3 打包build 区分测试环境和正式环境 第一种: 比较简单的方法,没有过多的配置,主要是打包时,简单区分开发环境(development)和发布环境(production)请求的URL util/baseUrl.js let baseUrl= ""; //这里是一个默认的url,可以没有 switch (process.env.NODE_ENV) { ...
1 定义一个js或者ts文件，将在不同环境中不同值的变量写在这个文件中。本文以baseUrl和baseName为例。2 开发的时候，使用开发环境，将其他两个环境的变量注释掉即可。3 同理，打包的时候注释掉除打包之外的环境变量。4 如果公司有专门的测试环境，进入测试环节的时候则使用该变量。注意事项 该方法一定要根据使用...
新建配置信息文件systemConfig.js,该配置文件独立项目代码外,不会通过vue-cli进行编译打包,完全由运维人员根据发布环境进行配置,然后放入发布的指定目录。运维人员提交代码发布包时不会覆盖配置文件。 constsystemConfig={//api接口请求地址baseUrl:"http://10.150.24.100/erp2/cw/service/ERPII"} ...
51CTO博客已为您找到关于vue 判断当前环境的相关内容,包含IT学习相关文档代码介绍、相关教程视频课程,以及vue 判断当前环境问答内容。更多vue 判断当前环境相关解答可以来51CTO博客参与分享和学习,帮助广大IT技术人实现成长和进步。
"build":"vue-cli-service build && vue-cli-service build --mode test","test":"vue-cli-service build --mode test", npm run test会生成test文件夹npm run build会同时打包两个文件夹dist和testdist文件夹放在生产环境 test文件夹放在测试环境