目标:在nginx上部署两个项目,使用相同的端口,域名,
项目1: http://localhost:8080/project1
项目2: http://localhost:8080/project2
使用以上两个地址访问项目,使用history模式。
操作步骤如下:
第一步:修改vue.config.js 配置文件
project1:
module.exports = {
publicPath : '/project1',
...
};
project2:
module.exports = {
publicPath : '/project2',
...
};
注:不需要修改base,使用创建项目自带的路由,配置如下:
const router = new VueRouter({
mode: 'history',
base: process.env.BASE_URL,
routes
});
第二步:
打包,将打包文件放到nginx中,本文就放到html文件夹中,如下: