vue多種環境配置檔案配置

2021-10-09 15:12:57 字數 1208 閱讀 5601

使用如下

在package.json新增命令指令碼

"scripts": ,
在專案根目錄下,新增配置檔案

--mode alphaser意思為指定環境模式為alphaser,會呼叫.env.alphaser檔案。

vue-cli-service serve 命令預設不指定則為 development。

vue-cli-service build 命令預設不指定則為 production。

所以我們建立多個配置檔案

比如.env.alphaser,內容大致如下

這些變數,是整個專案都可以訪問全域性變數

node_env = development

base_url = /

比如.env.production,內容大致如下

node_env = production

base_url = /caspage/

然後對vue專案做如下改造

vue.config.js

動態配置打包的路徑和目錄(即專案內所有的請求鏈結位址都是publicpath)

本地開發**位址proxy

module.exports = 

};

如果專案裡使用aixos,那麼還要對其配置

// 本地會自動走vue.config.js裡的**位址,不需要配置baseurl。否則**會失效

}

如果你的路由採用history模式

配置路由,因為伺服器可能不一定將你的專案放在根目錄下

const router = new vuerouter()
試試吧[本地開發啟動]

使用本地服務介面:npm run serve

使用測試服務介面:npm run serve:alpha

[線上打包部署]

使用測試服務介面:npm run build:alpha

使用正式服務介面:npm run build

vue配置檔案分析

在vue cli3.0版本以上中,vue搭建的專案就去掉了config檔案,這就是意味著當我們在需要一些的配置的時候,需要自己建立檔案,當然檔案的命名和格式並不是隨便寫的,需要遵循vue檔案的格式才可以。vue.config.js 這個檔案就是我們經常需要用到的檔案,在這裡相當於vue cli2裡面...

Spring Boot配置檔案 多環境配置

一.多環境配置的好處 1.不同環境配置可以配置不同的引數 2.便於部署,提高效率,減少出錯 二.properties多環境配置 resources目錄下配置檔案 啟用哪乙個環境的配置檔案 spring.profiles.active dev 公共配置 spring.jackson.date form...

Spring Boot配置檔案 多環境配置

一.多環境配置的好處 1.不同環境配置可以配置不同的引數 2.便於部署,提高效率,減少出錯 二.properties多環境配置 1.配置啟用選項 spring.profiles.active dev 2.新增其他配置檔案 啟用哪乙個環境的配置檔案 spring.profiles.active dev...