因為vue-cli3創建出來的目錄已經沒有config文件了。
所以以往在config中的一些生產環境的文件,就需要自己在根目錄下面創建了。
1、創建普通全局變量 .env
2、創建開發環境變量 .env.development
3、創建生產環境變量 .env.production
我現在的需求是圖片鏈接的地址開發環境和生產環境是不一樣的,所以需要自己配置一下。
開發環境定義如下(.env.production文件也同樣定義):
在頁面中需要用到時,如下引用就可以了:
自己把路徑拼到圖片上就可以了
注:開發環境下默認選中.env.development ;
npm run build 命令運行時 系統則會使用 .env.production