Nginx 部署多个 vue 项目配置

2019 年 1 月 15 日 0 条评论 843 次阅读 0 人点赞

一、目的
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 里的路径保持一致。

雷雷

这个人太懒什么东西都没留下

文章评论(0)

(Spamcheck Enabled)