nginx一个端口多个vue项目

主要参考博客

Nginx一个端口部署多个vue项目_out有点man的博客-CSDN博客

1. 修改nginx配置文件:

cd/tools/nginx-1.14.2/conf

vi nginx.conf

1. 一个server{}配置,端口为9080，配置如下：
2. 

nginx配置完成后:

         用命令：ps –ef|grep nginx

                            Kill -9 xxx

                            启动：/usr/local/nginx/sbin/nginx -c /tools/nginx-1.14.2/conf/nginx.conf

对应前端vue中配置，pav项目修改vue.config.js文件中的publicPath,添加前缀pav；tqm项目改为tqm,如下图：

Pav项目：

Tqm项目

Router中添加基本url:

Pav项目：

Tqm项目：

所以将之前登出操作window.location.href不支持，所以将有关window.location.href的操作尽量改为$router.push方法；

上面配置会导致浏览器刷新报500，原因是try_files:$uri $uri/ /XXX中XXX配置路径错误导致，应改为我们部署的前端代码的路径：alias配置路径+try_files第三个位置的路径最终指定单页面index.html