项目上使用了大屏，由于大屏的框架样式与业务系统存在冲突，所以决定单独拆分成两个独立的vue项目。

一、项目信息

首先两个项目，一个web存放的是业务系统，正常访问。另外一个bigscreen作为大屏使用，通过二级目录/bigScreen访问

二、web项目处理

web项目不需要特殊处理，正常build即可。

三、bigscreen项目处理

1. 修改配置文件vue.config.js

打开项目根目录下的vue.config.js文件，修改public如下

publicPath: process.env.NODE_ENV === "production" ? "/bigScreen" : "/",

2. 修改src/router/index.js, 项目页面跳转路由

const router = new VueRouter({
  mode: "history",
  base: '/bigScreen',
  routes
})

3. 配置nginx

nginx配置文件，添加如下节点

location /bigScreen/ {
        alias   /www/wwwroot/dotnetcore.com.cn/bigScreen/;
        index  index.html index.htm;
         try_files $uri $uri/ /bigScreen/index.html;  # 内部项目跳转路径
        }

四、项目部署

1. 原始项目，还是放到根目录。
2. bigScreen在网站根目录下创建bigScreen文件夹，并将生成的文件上传到bigScreen目录下。