如何在一个域名下部署多个项目？
就只是域名后第一个路径不一样就一个vue项目。比如 `http://www.sinye.xyz/index`是一个vue项目`http://www.sinye.xyz/admin`是一另个vue项目。
原文链接：同域名多个vue项目
前端配置（vue框架）
1、首先我们配置vue。找到根目录vue.config.js文件，在module.exports里面加入
publicPath: process.env.NODE_ENV ==== 'production' ? '/sj' : '/',
注意：/sj 这个是自己取的路径名
例如：
module.exports = {
// 基本路径，如果是生产(也就是run build) 那么生成的 index.html 文件，引入的js，css路径前缀会是 /pc/
publicPath: process.env.NODE_ENV ==== 'production' ? '/sj' : '/',
// 用于存放静态资源（js、css、img、fonts）
assetsDir: 'static',
// 输出文件目录
outputDir: 'dist_sj',
};
2、修改vue的router，找到路由文件，修改base属性，如下
const router = new VueRouter({
mode: 'history',
base: process.env.BASE_URL,
routes
})
改完本地运行是看不到效果的，因为process.env.NODE_ENV !=== 'production'。
服务器配置
改好后，vue项目就不需要动了，我们移步到服务器（我的是宝塔集成环境）
1、打开项目所在域名的伪静态，添加
location /sj {
#alias /usr/local/server/war/pc/;
index index.html index.htm;
try_files $uri $uri/ /sj/index.html;
}
注意：自定义路径名和上传文件夹名要一样，否则路径找不到文件。
<span style="color:red">路径名和前端配置的名字一样！路径名和前端配置的名字一样！路径名和前端配置的名字一样！</span>
2、加完后按照配置的上传文件就好了
