vue cli3 0配置開發環境與生產環境變數

2021-10-02 04:54:43 字數 663 閱讀 3013

第一步:在根目錄建立兩個檔案,檔名分別為 .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....