Vue工程使用本地環境變數配置

2021-10-07 19:04:50 字數 512 閱讀 8087

前端直接給我乙個前端源**工程,說是要我在本地執行起來,直接調的介面,後台人員自己除錯。好吧,我嘗試過程中,遇到需要修改前端環境變數的問題,而且我不想動前端原來的**和配置,就出現這個故事。

這是vue專案執行的三種模式,可以通過環境變數node_env來指定。

vue的配置檔案主要分為下面4種:

.env                # 任何情況都會啟用的配置

.env.local # 任何情況都會啟用的本地配置(不會提交到版本控制當中)

.env.[mode]

# 指定模式下才會啟用的配置

.env.[mode].local # 指定模式下才會啟用的本地配置(不會提交到版本控制當中)

根據vue的3種模式與4種配置的套路,就選擇建立來乙個.env.development.local的配置檔案,然後在這個配置檔案寫入我想要覆蓋的vue環境變數配置即可,而不用去動前端的源**了。

環境變數 Vue 環境變數的使用

文章背景 開發過程中經常遇到這樣的問題 相同的 部署到不同環境時需要使用不同的變數 比如介面網域名稱變數 serve 在測試環境和生產環境使用的是不同的網域名稱。這種情況下如果在 裡定義變數,打包部署前再修改 切換成不同的值再打包不利於 的維護,也很繁瑣。這時候利用環境變數來實現,在不用每次打包前改...

vue專案配置環境變數

由於公司專案需要分別部署到測試 uat以及生產環境上,但是對於同乙個變數,在不同的環境測試下,需要取不同的值,所以就考慮配置環境變數去處理這個問題。一 在專案根目錄下建立是三個檔案,env.dev 測試環境 env.uat uat環境 env.prod 生產環境 env.uat 檔案 node en...

mysql本地環境變數的配置

10 配置環境變數 前面步驟完成後安裝好mysql,為mysql配置環境變數。mysql預設安裝在c program files下。1 新建mysql home變數,並配置 c program files mysql mysql server 5.6 mysql home c program fil...