vue中通过cross-env插件配置三种环境(开发,测试,生产)打包,不用切换api

1. 话不多说,第一步就是安装必要的插件

npm i --save-dev cross-env

2.修改config里面的参数,这里只展示一个test,其他类似

1329237-20181016195711255-244129770.png
注意单双引号

3.修改package.json 文件

1329237-20181016193437277-1141588978.png
注意去掉原有的build,NODE_ENV最好都设成production,因为在utils.js只做了production一种判定,有人已亲测不影响各环境API参数

4.config/index.js (如果用到vue-resource,第四步和第七步可以省略,它会自动匹配域名配置)

1329237-20181016195525541-1740386304.png
只增加了三个build参数,这里的参数会在build/webpackage.prod.conf.js中使用到

5. 在webpackage.prod.conf.js中使用构建环境参数

1329237-20181016194504964-583802939.png

6. 调整build/build.js

1329237-20181016195359746-1102342947.png

7.怎么使用到不同的api呢?

1329237-20181016195021210-719164951.png
最后在服务器上执行不同的脚本完美运行~

转载于:https://www.cnblogs.com/panax/p/9800102.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值