Nginx 安装及配置教程（Windows）【安装】

文章目录

一、 Nginx 下载

软件 / 环境安装及配置目录

一、 Nginx 下载

1. 官网下载

安装地址：https://nginx.org/en/download.html

打开浏览器输入网址 https://nginx.org/en/download.html，进入 Nginx 官网
选择对应的版本下载，推荐稳定版

2. 其它渠道

（1）百度网盘（1.24.0 版本）

链接：https://pan.baidu.com/s/16LfEdOTHwkCLQUD8Z488QQ?pwd=eizj
提取码：eizj

二、 Nginx 安装

下载完成后，将压缩包解压到本地即可

三、配置

进入 Nginx 目录下，conf 文件夹下编辑 nginx.conf 文件，根据自己需求进行配置
配置文件默认内容参数解析

 
#默认为1，表示开启一个业务进程。根据服务器核数来配置，一般1个核对应1个进程
worker_processes  1;
 
#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;
 
events {
	#单个业务进程可接受连接数
    worker_connections  1024;
}
 
 
http {
	#引入http mime类型，引入在conf文件下的mime.types文件,让浏览器知道识别文件后缀名后该如何展示
    include       mime.types;
	#如果mime类型没匹配上，默认使用二进制流的方式传输。
    default_type  application/octet-stream;
 
	#使用高效网络传输，也就是数据0拷贝，直接传输数据。未开启sendfile
    sendfile        on;
    #保持链接时间
    keepalive_timeout  65;
    #vhost虚拟主机
    server {
        #监听端口号
        listen       80;
        #主机名\域名
        server_name  localhost;
        #匹配路径url,样例:http://nginx.org/en/download.html
        location / {
            #文件根目录，相对于nginx安装根目录路径
            root   html;
            #默认页名称，访问先到访页面
            index  index.html index.htm;
        }
        #服务端报错后报错编码对应页面。样例:http://nginx.org/50x.html
        error_page   500 502 503 504  /50x.html;
        #报错后识别到域名后面跟了/50x.html，则匹配到根目录root下的html文件夹
        location = /50x.html {
            root   html;
        }
    }
}

搭建站点

# 虚拟主机
server {
    	listen       80;			# 浏览器访问端口号
        server_name  font_server; 	# 浏览器访问域名

    charset utf-8;
    access_log  logs/xx_domian.access.log  access;

    # 路由
    location / {
        root   ./html; # 访问根目录
        index  index.html index.htm; # 入口文件
    }
}

根据文件类型设置过期时间

location ~.*\.css$ {
    expires 1d;
    break;
}

location ~.*\.js$ {
    expires 1d;
    break;
}

location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$ {
    access_log off;
    expires 15d;    #保存15天
    break;
}

# curl -x127.0.0.1:80 http://www.test.com/static/image/common/logo.png -I #测试图片的max-age

禁止文件缓存

location ~* \.(js|css|png|jpg|gif)$ {
    add_header Cache-Control no-store;
}

防盗链

location ~* \.(gif|jpg|png)$ {
    # 只允许 192.168.0.1 请求资源
    valid_referers none blocked 192.168.0.1;
    if ($invalid_referer) {
       rewrite ^/ http://$host/logo.png;
    }
}

静态文件压缩

server {
    # 开启gzip 压缩
    gzip on;
    # 设置gzip所需的http协议最低版本 （HTTP/1.1, HTTP/1.0）
    gzip_http_version 1.1;
    # 设置压缩级别，压缩级别越高压缩时间越长  （1-9）
    gzip_comp_level 4;
    # 设置压缩的最小字节数， 页面Content-Length获取
    gzip_min_length 1000;
    # 设置压缩文件的类型  （text/html)
    gzip_types text/plain application/javascript text/css;
}

指定定错误页面

# 根据状态码，返回对于的错误页面
error_page 500 502 503 504 /50x.html;
location = /50x.html {
    root /source/error_page;
}

四、验证

切换到 Nginx 安装目录下，双击 Nginx.exe 启动 Nginx
打开浏览器，输入 http://127.0.0.1/ （具体端口看个人配置，默认配置文件端口：80）出现以下界面说明配置成功
如果需要修改配置文件，则需要重新启动 Nginx，首先 Ctrl + Shift + Esc，打开任务管理器，找个 Nginx 服务，结束任务，然后切换到 Nginx 安装目录下，双击 Nginx.exe 启动 Nginx

五、其它问题

1. 常用命令

2. 跨域问题

跨域的定义
同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。通常不允许不同源间的读操作。

同源的定义
如果两个页面的协议，端口（如果有指定）和域名都相同，则两个页面具有相同的源。

Nginx 解决跨域的原理
例如：
前端 server 域名为：http://font_server
后端 server 域名为：https://github.com
现在 http://domain 对 http://font_server发起请求一定会出现跨域。
只需要启动一个 Nginx 服务器，将 server_name 设置为 font_server，然后设置相应的 location 以拦截前端需要跨域的请求，最后将请求代理回 github.com。配置如下：

## 配置反向代理的参数
server {
    listen    8080;
    server_name font_server

    ## 1. 用户访问 http://font_server，则反向代理到 https://github.com
    location / {
        proxy_pass  https://github.com;
        proxy_redirect     off;
        proxy_set_header   Host             $host;        # 传递域名
        proxy_set_header   X-Real-IP        $remote_addr; # 传递IP
        proxy_set_header   X-Scheme         $scheme;      # 传递协议
        proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;
    }
}