新手向超简单nginx配置

  • 下载
  • 解压
  • 运行
  • config
  • 目录
  • 配置详细分解
  • 配置重点解析
  • !!!静态文件代理
  • 建议操作 + 实验结果
  • 建议配置
  • 实验和结果
  • 图片配置成功后html以及其他静态文件怎么办???
  • 请求转发

下载

链接: nginx下载地址.

这里演示的是nginx-1.19.0

解压

解压目录最好不要有中文其他无限制

nginx实战配置 nginx简单配置_经验分享

运行

在当前页面双击nginx.exe就可运行
也可以

nginx实战配置 nginx简单配置_html_02


最常用命令: nginx.exe -s reload 加载配置文件重启没有错误就是最好的

nginx实战配置 nginx简单配置_html_03

config

目录

nginx实战配置 nginx简单配置_html_04


编译器打开后:

配置详细分解

首先 #后面的可以全部删掉 注释而已 删掉方便定位
删掉后:

worker_processes  1;#进程数为一 全局生效 不用额外操作

events {
    worker_connections  1024; #最大连接数 不用额外操作
}

http {
    include       mime.types; #文件扩展 不用额外操作
    default_type  application/octet-stream; #默认文件类型 不用额外操作
    
    sendfile        on; #允许sendfile方式传输文件  不用额外操作
    
    keepalive_timeout  65; #连接超时时间 网络状态不好 可适当增大 基本不用额外操作
    
    # !!!!! 重点配置
    server { # server服务块 可以理解为配置一个场景就需要一个server
    
        listen       80; #监听接口 也就是要访问80
        
        server_name  localhost; #监听IP地址 可以写成域名
        
        #!!!!超重点配置
        location / { # location指向块 可以理解为一个server可以指向多个地点
        
            root   html; # !!!根目录也就是访问后指向的地址
            
            index  index.html index.htm; # 启动后默认的前端页面
        }
        error_page   500 502 503 504  /50x.html; #错误页 不用额外操作
        location = /50x.html { #错误页 不用额外操作
            root   html; #错误页 不用额外操作
        }
       
    }
    

}

配置重点解析

重点配置就是server 块

server { 
        listen       80;
        server_name  localhost;
        
        location / {
            root   html;
            index  index.html index.htm;
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
}

!!!静态文件代理

server {
     listen       8034;
     server_name  localhost;
	
	location / {
        root   D:/LD/image/; #代理路径 (访问IP端口后相当于访问D:/LD/image/)
        autoindex on; # 自动浏览(访问IP端口后可以看到目录)
    }
	
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   html;
    }
}
建议操作 + 实验结果
建议配置

nginx实战配置 nginx简单配置_nginx实战配置_05


nginx实战配置 nginx简单配置_经验分享_06

此处有三个文件夹和文件如果想全访问到两种写法
第一种:写三个location 指定对应的根目录 (太憨了强烈不建议)
第二种:写一个location 指定到 D:/LD/image/
疑问:剩下的路径怎么办? 在访问链接后追加目录

location / {
      root   D:/LD/image/; 
      autoindex on; 
}
实验和结果

01)访问地址:http://localhost:8034/

nginx实战配置 nginx简单配置_nginx_07


可以看出对应目录中

nginx实战配置 nginx简单配置_经验分享_08


三个文件和文件夹02)访问地址:http://localhost:8034/aaa.jpg

nginx实战配置 nginx简单配置_html_09


D:\LD\image下的aaa.jpg02)访问地址:http://localhost:8034/2021/01/07/11111.png

nginx实战配置 nginx简单配置_nginx_10


D:\LD\image\2021\01\07下的11111.jpg

图片配置成功后html以及其他静态文件怎么办???

创建html

nginx实战配置 nginx简单配置_http_11


访问http://localhost:8034/ha.html

nginx实战配置 nginx简单配置_nginx_12

请求转发

server {

    listen       8081;                                                        
    server_name  localhost;                                              
	client_max_body_size 1024M;	
	
    location /my/ {
        proxy_pass http://localhost:8034/aaa.jpg;
    }
}

**访问 http://localhost:8081/my/ **

nginx实战配置 nginx简单配置_html_13


成功跳转到 http://localhost:8034/aaa.jpg 页面中

暂时就聊这么多 !!!
不正确或者理解不够的请指正 一起进步