vue-cli3配置開發環境和生產環境的圖片地址


因為vue-cli3創建出來的目錄已經沒有config文件了。

所以以往在config中的一些生產環境的文件,就需要自己在根目錄下面創建了。

1、創建普通全局變量 .env
2、創建開發環境變量 .env.development
3、創建生產環境變量 .env.production

我現在的需求是圖片鏈接的地址開發環境和生產環境是不一樣的,所以需要自己配置一下。

開發環境定義如下(.env.production文件也同樣定義):

在頁面中需要用到時,如下引用就可以了:

自己把路徑拼到圖片上就可以了

 

 

注:開發環境下默認選中.env.development ;

  npm run build  命令運行時 系統則會使用 .env.production 


免責聲明!

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



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