400 186 1886
![]()
一、 Nginx 下載
![]()
1. 官網(wǎng)下載
??安裝地址：https://nginx.org/en/download.html
打開(kāi)瀏覽器輸入網(wǎng)址 https://nginx.org/en/download.html，進(jìn)入 Nginx 官網(wǎng)
選擇對(duì)應(yīng)的版本下載，推薦穩(wěn)定版
![]()
2. 其它渠道
（1）百度網(wǎng)盤(pán)（1.24.0 版本）
鏈接：https://pan.baidu.com/s/16LfEdOTHwkCLQUD8Z488QQ?pwd=eizj
提取碼：eizj
![]()
二、 Nginx 安裝
下載完成后，將壓縮包解壓到本地即可
![]()
三、 配置
進(jìn)入 Nginx 目錄下，
conf文件夾下編輯nginx.conf文件，根據(jù)自己需求進(jìn)行配置
配置文件默認(rèn)內(nèi)容參數(shù)解析
#默認(rèn)為1，表示開(kāi)啟一個(gè)業(yè)務(wù)進(jìn)程。根據(jù)服務(wù)器核數(shù)來(lái)配置，一般1個(gè)核對(duì)應(yīng)1個(gè)進(jìn)程
worker_processes 1;
#error_log logs/error.log;
#error_log logs/error.log notice;
#error_log logs/error.log info;
events {
#單個(gè)業(yè)務(wù)進(jìn)程可接受連接數(shù)
worker_connections 1024;
}
http {
#引入http mime類型，引入在conf文件下的mime.types文件,讓瀏覽器知道識(shí)別文件后綴名后該如何展示
include mime.types;
#如果mime類型沒(méi)匹配上，默認(rèn)使用二進(jìn)制流的方式傳輸。
default_type application/octet-stream;
#使用高效網(wǎng)絡(luò)傳輸，也就是數(shù)據(jù)0拷貝，直接傳輸數(shù)據(jù)。未開(kāi)啟sendfile
sendfile on;
#保持鏈接時(shí)間
keepalive_timeout 65;
#vhost虛擬主機(jī)
server {
#監(jiān)聽(tīng)端口號(hào)
listen 80;
#主機(jī)名\域名
server_name localhost;
#匹配路徑url,樣例:http://nginx.org/en/download.html
location / {
#文件根目錄，相對(duì)于nginx安裝根目錄路徑
root html;
#默認(rèn)頁(yè)名稱，訪問(wèn)先到訪頁(yè)面
index index.html index.htm;
}
#服務(wù)端報(bào)錯(cuò)后報(bào)錯(cuò)編碼對(duì)應(yīng)頁(yè)面。樣例:http://nginx.org/50x.html
error_page 500 502 503 504 /50x.html;
#報(bào)錯(cuò)后識(shí)別到域名后面跟了/50x.html，則匹配到根目錄root下的html文件夾
location = /50x.html {
root html;
}
}
}搭建站點(diǎn)
# 虛擬主機(jī)
server {
listen 80; # 瀏覽器訪問(wèn)端口號(hào)
server_name font_server; # 瀏覽器訪問(wèn)域名
charset utf-8;
access_log logs/xx_domian.access.log access;
# 路由
location / {
root ./html; # 訪問(wèn)根目錄
index index.html index.htm; # 入口文件
}
}
根據(jù)文件類型設(shè)置過(guò)期時(shí)間
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 #測(cè)試圖片的max-age禁止文件緩存
?location ~* \.(js|css|png|jpg|gif)$ {
add_header Cache-Control no-store;
}防盜鏈
location ~* \.(gif|jpg|png)$ {
# 只允許 192.168.0.1 請(qǐng)求資源
valid_referers none blocked 192.168.0.1;
if ($invalid_referer) {
rewrite ^/ http://$host/logo.png;
}
}靜態(tài)文件壓縮
server {
# 開(kāi)啟gzip 壓縮
gzip on;
# 設(shè)置gzip所需的http協(xié)議最低版本 （HTTP/1.1, HTTP/1.0）
gzip_http_version 1.1;
# 設(shè)置壓縮級(jí)別，壓縮級(jí)別越高壓縮時(shí)間越長(zhǎng) （1-9）
gzip_comp_level 4;
# 設(shè)置壓縮的最小字節(jié)數(shù)， 頁(yè)面Content-Length獲取
gzip_min_length 1000;
# 設(shè)置壓縮文件的類型 （text/html)
gzip_types text/plain application/javascript text/css;
}指定定錯(cuò)誤頁(yè)面
# 根據(jù)狀態(tài)碼，返回對(duì)于的錯(cuò)誤頁(yè)面
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root /source/error_page;
}![]()
四、 驗(yàn)證
切換到 Nginx 安裝目錄下，雙擊
Nginx.exe啟動(dòng) Nginx
打開(kāi)瀏覽器，輸入
http://127.0.0.1/（具體端口看個(gè)人配置，默認(rèn)配置文件端口：80）出現(xiàn)以下界面說(shuō)明配置成功
如果需要修改配置文件，則需要重新啟動(dòng) Nginx，首先
Ctrl + Shift + Esc，打開(kāi)任務(wù)管理器，找個(gè) Nginx 服務(wù)，結(jié)束任務(wù)，然后切換到 Nginx 安裝目錄下，雙擊Nginx.exe啟動(dòng) Nginx
![]()
五、 其它問(wèn)題
![]()
1. 常用命令
![]()
2. 跨域問(wèn)題
跨域的定義
??同源策略限制了從同一個(gè)源加載的文檔或腳本如何與來(lái)自另一個(gè)源的資源進(jìn)行交互。這是一個(gè)用于隔離潛在惡意文件的重要安全機(jī)制。通常不允許不同源間的讀操作。
同源的定義
??如果兩個(gè)頁(yè)面的協(xié)議，端口（如果有指定）和域名都相同，則兩個(gè)頁(yè)面具有相同的源。
Nginx 解決跨域的原理
??例如：
??前端 server 域名為：http://font_server
??后端 server 域名為：https://github.com
??現(xiàn)在 http://domain 對(duì) http://font_server發(fā)起請(qǐng)求一定會(huì)出現(xiàn)跨域。
??只需要啟動(dòng)一個(gè) Nginx 服務(wù)器，將 server_name 設(shè)置為 font_server，然后設(shè)置相應(yīng)的 location 以攔截前端需要跨域的請(qǐng)求，最后將請(qǐng)求代理回 github.com。配置如下：
## 配置反向代理的參數(shù)
server {
listen 8080;
server_name font_server
## 1. 用戶訪問(wèn) 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; # 傳遞協(xié)議
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
}
