使用如下
在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然後對vue專案做如下改造base_url = /caspage/
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...