第一步:在根目錄建立兩個檔案,檔名分別為 .env.development和.env.production
第二步:分別編輯這兩個檔案
在不同的環境下設定不同的環境變數
.env.development,這是開發環境下的url
=''.env.production,這是生產環境下的url
=''第三步:設定不同環境的打包指令
package.json檔案
build 預設生產環境 ,build-dev已設定為開發環境
第四步:設定axios請求基位址
axios.defaults.baseurl = process.env.
node_env
==='production'
? process.env.
: process.env.
vue cli3 0線上環境和開發環境的配置
我們乙個專案中呢,有多個介面,我們在進行開發的時候呢,如何進行介面位址的切換。這個時候就用到了環境的切換。一 環境變數 1.1 測試環境test npm run test1.1 本地環境 serve 自動走測試介面1.3 生產環境 npm run build 走這個路線 build vue cli ...
vue cli 3 0 分多環境打包配置
分環境來打包 沒有這三個檔案的在根目錄自己建立就可以 看看每個env檔案中寫的東西 node env dev dev node env test web1 node env pro web2 我們在上方的env裡寫的 是幹嘛用的呢,你在指令中 使用 補充 注意 vue.config.js 中,根據不...
vue cli3 0配置GZIP壓縮
當專案中引用很多第三方外掛程式時,打包後vendors會變得非常大,開啟速度變得非常慢。這時使用gzip壓縮可以大幅減小打包後檔案的體積。首先需要安裝compression webpack plugin npm install compression webpack plugin d 然後在vue....