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