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端口新建了个服务(你的服务器安全组要打开该端口)

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

发现可以成功访问

小结

Nginx是一个轻量级、高性能、稳定性高、并发性好的HTTP和反向代理服务器。我也只是在慢慢摸索尝试一些简单的功能。 写下本文给以后的自己看看

亲自动手试试!亲自动手试试!亲自动手试试!
自己去试试 多试几次就会了

posted @ 2021-04-14 09:43  进军的王小二  阅读(543)  评论(0编辑  收藏  举报