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呢?


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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM