VUE依賴webpack分別給開發環境和生產環境配置不同的常量值並在項目中動態引用


當在開發和產品上線的時候,我們經常會遇到在同一個地方由於環境的不同而地址也不同的情況,這時候如果在代碼中將該地址寫死,那勢必會造成上線時手動改動,多人開發及多處使用該地址難以維護等一系列問題,為避免這一問題,我們需在配置文件中分別配置該常量。

一、找到VUE項目中的配置文件:

     1.dev.env.js(開發環境);

     2.prod.env.js(生產環境)。

二、打開文件后配置參數(該處以分別配置兩個環境下的參數'ROOT'為例):

     1.在dev.env.js文件中

      

     2.在prod.env.js文件中

      

      配置好之后,我們就可以在項目中引用了。

三、打開項目中的文件,就可使用該參數,

     var root=process.env.ROOT;

四、重啟項目。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM