随笔- 66 文章- 0 评论- 17 阅读- 11万

Nginx部署多项目

前言：

Nginx （Nginx中文文档）是一个高性能的 HTTP 和反向代理服务器，也是一个 IMAP/POP3/SMTP 代理服务器。

Nginx介绍、安装和一些简单的命令我这里就不多说了。留下个链接 Nginx介绍、安装、常用命令 。

正文：

浅尝Nginx后，想在原来第一个项目成功部署的提前下部署其它项目。

这是第一个项目的配置端口88

1.不改配置同端口部署多项目

起先我以为很简单也不需要修改配置，找到了第一个部署的目录/usr/share/nginx/html文件夹下，反手就把打包好的dist文件放进html文件夹

虽然是报了404，不过这里是打包后引用路径出现了问题(这里可以想想为什么单项目就不会有路径错误)，

下图src因为路径问题引入失败

说明这种方法可以支持静态页面的多项目部署。

2.修改配置不同端口部署不同项目

在/usr/share/nginx文件下放不同项目然后给不同项目配置不同端口，比如下面的1111端口我用来访问resume项目 ``` server { listen 1111 default_server; listen [::]:1111 default_server; server_name localhost; root /usr/share/nginx/resume/; index index.html; } ``` 访问http://服务器url:1111/ 和 http://服务器url:2222/ 发现打包后的项目可以成功访问，说明部署成功

3.修改配置实现同端口部署多项目

location映射去实现多项目部署在同个端口下。
下图是配置信息

        listen       3333 default_server;
        listen       [::]:3333 default_server;
        server_name  localhost;
        root         /usr/share/nginx/test/;

        location /test1 {
          alias  /usr/share/nginx/test/test1;
          index  index.html;
        }
        location /test2 {
          alias  /usr/share/nginx/test/test2;
          index  index.html;
        }

    }

我使用3333端口新建了个服务(你的服务器安全组要打开该端口)

重新加载配置重启服务后访问http://url:3333/test1/ 和 http://url:3333/test2/