Vue配置篇： Nginx部署多个web项目，同端口，域名

目标：在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文件夹中，如下：