關於Vue 項目中配置全局屬性 process.env 的配置


好好寫代碼,好好寫注釋,加油!

作為公司的一個菜鳥,初到公司接觸到了一個遠程服務的項目,公司里面用了Element-admin作為模板進行開發。

初次接觸這個模板,對於里面的封裝有很多不理解(由於自己是個菜鳥,哈哈哈),其中有一點關於Vue中全局屬性的配置,在此記錄一下哈。

1 .env.development (我不是個連接) 文件,這是開發環境下的配置文件。

2 .env.production (我仍然不是個連接) 文件,這是生產環境下的配置文件。

3 .env (你猜的不錯,我仍然不是個鏈接) 文件,這是一些全局的屬性。

注意以上文件:根據啟動命令vue會自動加載對應的環境,vue是根據文件名進行加載的,所以上面說 不要亂起名,也無需專門控制加載哪個文件,定義全局變量必須以VUE_APP開頭

.env.development 文件內容:

ENV = 'development'
VUE_APP_WS_HOST = 'wss://live.buding:8888'
VUE_APP_BASE_API = 'https://development:8888/api/v1'
VUE_CLI_BABEL_TRANSPILE_MODULES = true

.env.production 文件內容:

ENV = 'production'
VUE_APP_WS_HOST = 'wss://live.vuding:8888'
VUE_APP_BASE_API = 'https://production:8888/api/v1'

.env 文件內容:

NODE_ENV = 'buding'
VUE_APP_TITLE = ''    // 定義全局變量必須以VUE_APP開頭
VUE_APP_URL = 'https://quanju:8888/api/v1'


免責聲明!

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



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