(十九)vue配置相應的運行環境 環境變量


vue配置相應的運行環境 環境變量

參考文章https://www.cnblogs.com/sese/p/11905402.html

目的:

項目開發過程中,至少會經歷開發環境、測試環境和生產環境(即正式環境)三個階段。不同階段請求的狀態(如接口地址等)不盡相同,若手動切換接口地址是相當繁瑣且易出錯的。於是環境變量配置的需求就應運而生,我們只需做簡單的配置,把環境狀態切換的工作交給代碼。

方法:

官網說的:
在這里插入圖片描述
在根目錄下創建.env.xxx文件,例如.env.development,.env.production,.env.staging,等等就是你想使用的相關運行環境的名稱。
2>.在這里插入圖片描述
3.文件內容:
配置你需要切換的服務器連接地址,其他項目名稱,以及打包后的文件地址。
在這里插入圖片描述
4.使用:運行相關的命令 執行相應的環境
文件已創建好,配置語句也已寫好。怎么用它呢?

首頁你需要哪個環境,就執行哪個環境的命令語句。

比如我現在需要local環境,就執行 npm run local-serve


免責聲明!

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



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