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

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

npm i --save-dev cross-env

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


注意单双引号

3.修改package.json 文件


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

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


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

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

6. 调整build/build.js

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


最后在服务器上执行不同的脚本完美运行~

posted @ 2018-10-16 19:31  Panax  阅读(8570)  评论(0编辑  收藏  举报