一、新增运行指令和环境文件
1、参考vue官网修改package.json,例如
"serve-ops": "vue-cli-service serve --mode ops-dev",
"serve-cloud": "vue-cli-service serve --mode cloud-dev",
"build-ops": "vue-cli-service build --mode ops-prod --dest dist-ops",
"build-cloud": "vue-cli-service build --mode cloud-prod --dest dist-cloud",
2、项目根目录新建环境文件
文件名.env.ops-dev,.env.ops-prod,.env.cloud-dev,.env.cloud-prod
配置根据需求修改,例如
NODE_ENV = 'development'
VUE_APP_VIEWS = 'views-ops'
VUE_APP_TITLE = '后台管理系统'
VUE_APP_BASE_URL = 'http://192.168.3.5:9091'
二、其他目录修改views,router,axios等
1、src目录新建项目子目录view-ops,views-cloud,由views拷贝过来
2、router目录新建modules子目录,新建ops.js和cloud.js
3、在index.js按条件引入不同项目路由,例如
import ops from './modules/ops'
import cloud from './modules/cloud'
const routes = process.env.VUE_APP_VIEWS=='views-ops'?ops:cloud
const router = new VueRouter({
mode: 'hash',
base: process.env.BASE_URL,
routes
})
4、修改axios
let config = {
baseURL: window.baseUrl || process.env.VUE_APP_BASE_URL || "/api",
timeout: 10 * 1000, // Timeout
// withCredentials: true, // Check cross-site Access-Control
};