Nginx 部署多个 vue 项目配置

一、目的
Nginx单个域名下 根据不同的目录 部署不同的vue项目，例如：  http://auan.cn/active/project-1/，http://auan.cn/active/project-2/

二、vue项目配置二级目录部署配置修改

具体修改方案，详细见：vue项目打包后部署在二级目录

三、 Nginx配置修改
找到当前站点的Nginx配置文件，参照如下，修改配置

server {
      listen 80;
      server_name auan.cn;
      index index.html index.htm;
      root /www/wwwroot/auan.cn;
      
      #project1
      location /active/project-1/ {
        try_files $uri $uri/ /active/project-1/index.html;
      }

      #project2
      location /active/project-2/ {
        try_files $uri $uri/ /active/project-2/index.html;
      }

      #project3
      location /active/project-3/ {
        try_files $uri $uri/ /active/project-3/index.html;
      }
}

然后执行 nginx -s reload 就生效了、其实就是nginx针对指定的目录进行拦截。

需要注意的是项目中配置二级目录时需要跟nginx 里的路径保持一致。