Nginx初学习

Nginx初学习

Nginx 是一款轻量级的 Web 服务器/反向代理服务器及电子邮件（IMAP/POP3）代理服务器，其特点是占有内存少，并发能力强。

下载Nginx
在http://nginx-win.ecsds.eu/download/找到nginx包
下载后，将其解压到本地的任一目录下。并添加到系统路径
此时我们可以看到有如下目录:
html路径下放置我们前端 build好的代码(如何build，相信各位都会)，conf下有个非常重要的文件nginx.conf，用来配置nginx服务器。

conf下有个非常重要的文件nginx.conf，用来配置nginx服务器。

nginx.conf文件配置：
打开nginx.conf文件，直接找到配置server 的地方,取消掉暂时用不到的配置，下面便是我的配置:

打开nginx.conf文件，直接找到配置server 的地方,取消掉暂时用不到的配置，下面便是我的配置:

server {
        # 启动后的端口
        listen       8880;   
        
        # 启动时的地址
        server_name  localhost;

        # 启动后，地址栏输入: localhost:8880, 默认会在html文件夹下找 index.html文件
        location / {
            root   html;
            index  index.html; 
        }
        
        # 404页面配置，页面同样在html文件夹中
        error_page  404    /404.html;
        location = /404.html {
            root   html;
        }
        

        # 其他错误码页面配置
        error_page  500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }


        # 配置代理。由于项目是在本地起动的，而我们的request需要请求其他ip地址。如果你的request链接为localhost:8880/abc/login?name=12345,那么下面配的就是location /abc
        location /api {
           proxy_pass   http://192.168.0.0:80;       
        }

        # 一把前端不管用vue，还是react等框架，默认都是单页面的，如果你的项目是多页面的，则需要用到下面的配置。
        # 因为此时你的浏览器的url不是localhost:8880/#/login,而是 localhost:8880/a.html/#/login
        # 所以我们需要将路径中a.html指向具体的html文件夹中的文件，因为默认是index.html
        location /a.html {
          alias html;
          index a.html;
        }
        location /b.html{
          alias html;
          index b.html;
        }
}

打开nginx服务器
打开命令行，进入nginx安装目录，输入start nginx开启服务器
停止服务器：nginx -s stop 或nginx -s quit

正向代理

局域网中的客户端不能直接访问Internet，则需要通过代理服务器来访问，这种代理服务就称为正向代理。Nginx本身只支持http的正向代理，并通过ngx_http_proxy_connect_module模块支持http、https的正向代理；

反向代理

反向代理：如果局域网向Internet提供资源服务，让Internet上的其他客户端来访问局域网内不的资源，使它们必须通过一个代理服务器来进行访问内部资源，这种服务就称为反向代理；Nginx通过proxy模块实现反向代理功能。