一段萬能的nginx接口實(shí)現(xiàn)反向代理配置
1、什么是代理服務(wù)器
代理服務(wù)器，客戶機(jī)在發(fā)送請求時，不會直接發(fā)送給目的主機(jī)，而是先發(fā)送給代理服務(wù)器，代理服務(wù)接受客戶機(jī)請求之后，再向主機(jī)發(fā)出，并接收目的主機(jī)返回的數(shù)據(jù)，存放在代理服務(wù)器的硬盤中，再發(fā)送給客戶機(jī)。
2、為什么要使用代理服務(wù)器
1）提高訪問速度
由于目標(biāo)主機(jī)返回的數(shù)據(jù)會存放在代理服務(wù)器的硬盤中，因此下一次客戶再訪問相同的站點(diǎn)數(shù)據(jù)時，會直接從代理服務(wù)器的硬盤中讀取，起到了緩存的作用，尤其對于熱門站點(diǎn)能明顯提高請求速度。
2）防火墻作用
由于所有的客戶機(jī)請求都必須通過代理服務(wù)器訪問遠(yuǎn)程站點(diǎn)，因此可在代理服務(wù)器上設(shè)限，過濾某些不安全信息。
3）通過代理服務(wù)器訪問不能訪問的目標(biāo)站點(diǎn)
互聯(lián)網(wǎng)上有許多開發(fā)的代理服務(wù)器，客戶機(jī)在訪問受限時，可通過不受限的代理服務(wù)器訪問目標(biāo)站點(diǎn)，通俗說，我們使用的翻墻瀏覽器就是利用了代理服務(wù)器，雖然不能出國，但也可直接訪問外網(wǎng)。
反向代理 VS 正向代理
1、什么是正向代理？什么是反向代理？
正向代理，架設(shè)在客戶機(jī)與目標(biāo)主機(jī)之間，只用于代理內(nèi)部網(wǎng)絡(luò)對Internet的連接請求，客戶機(jī)必須指定代理服務(wù)器,并將本來要直接發(fā)送到Web服務(wù)器上的http請求發(fā)送到代理服務(wù)器中。
反向代理服務(wù)器架設(shè)在服務(wù)器端，通過緩沖經(jīng)常被請求的頁面來緩解服務(wù)器的工作量，將客戶機(jī)請求轉(zhuǎn)發(fā)給內(nèi)部網(wǎng)絡(luò)上的目標(biāo)服務(wù)器；并將從服務(wù)器上得到的結(jié)果返回給Internet上請求連接的客戶端，此時代理服務(wù)器與目標(biāo)主機(jī)一起對外表現(xiàn)為一個服務(wù)器。
2、反向代理有哪些主要應(yīng)用？
現(xiàn)在許多大型web網(wǎng)站都用到反向代理。除了可以防止外網(wǎng)對內(nèi)網(wǎng)服務(wù)器的惡性攻擊、緩存以減少服務(wù)器的壓力和訪問安全控制之外，還可以進(jìn)行負(fù)載均衡，將用戶請求分配給多個服務(wù)器。
作為前端開發(fā)，每次調(diào)試接口，把代碼發(fā)到測試服務(wù)器，是很費(fèi)時費(fèi)事的一件事情。
為了提高效率，想到了nginx反向代理來解決這一問題。
接口地址：
test.com
訪問地址：
localhost
最核心的問題就是，登錄時，無法寫入cookie的問題，為了解決這個問題，走了不少彎路。
worker_processes 1;
events {
worker_connections 1024;
}
http {
include mime.types;
default_type application/octet-stream;
sendfile on;
keepalive_timeout 10;
server {
listen 80;
server_name localhost;
location =/ {
add_header X-Frame-Options SAMEORIGIN;
root D:/workspace/;
index index.html;
}
location ~* \.(html|htm|gif|jpg|jpeg|bmp|png|ico|txt|js|css|swf|woff|woff2|ttf|json|svg|cur|vue|otf|eot)$ {
charset utf-8;
root D:/workspace/;
expires 3d;
}
location = /socket/v2 {
proxy_pass http://test.com;
proxy_redirect off;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
proxy_set_header Host test.com;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header REMOTE-HOST $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_connect_timeout 30;
proxy_send_timeout 30;
proxy_read_timeout 60;
proxy_buffer_size 256k;
proxy_buffers 4 256k;
}
location / {
proxy_pass http://test.com;
proxy_set_header Cookie $http_cookie;
proxy_cookie_domain test.com localhost;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header Host test.com;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header REMOTE-HOST $remote_addr;
}
}
}
核心代碼在三行代碼上：
proxy_set_header Cookie $http_cookie; proxy_cookie_domain test.com localhost; proxy_set_header Host test.com;
具體解釋我也是一知半解：
- 第一個是攜帶cookie，
- 第二個設(shè)置cookie 的 domain
- 第三個 設(shè)置真實(shí)的host
重要提示：以上3個的順序不要顛倒，否則代理失敗，我也不知道為什么。
如何在手機(jī)上調(diào)試呢？
手機(jī)上不可能直接訪問localhost,可以把手機(jī)和電腦連接到同一個網(wǎng)段，使用電腦的ip進(jìn)行訪問。
但是這里只代理了localhost,并沒有代理電腦的ip
所以，需要把是上面的server{...}拷貝一份，只需要把里面的localhost全部改成你的電腦ip就可以了，最終代碼：
worker_processes 1;
events {
worker_connections 1024;
}
http {
include mime.types;
default_type application/octet-stream;
sendfile on;
keepalive_timeout 10;
server {
listen 80;
server_name localhost;
location =/ {
add_header X-Frame-Options SAMEORIGIN;
root D:/workspace/;
index index.html;
}
location ~* \.(html|htm|gif|jpg|jpeg|bmp|png|ico|txt|js|css|swf|woff|woff2|ttf|json|svg|cur|vue|otf|eot)$ {
charset utf-8;
root D:/workspace/;
expires 3d;
}
location = /socket/v2 {
proxy_pass http://test.com;
proxy_redirect off;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
proxy_set_header Host test.com;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header REMOTE-HOST $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_connect_timeout 30;
proxy_send_timeout 30;
proxy_read_timeout 60;
proxy_buffer_size 256k;
proxy_buffers 4 256k;
}
location / {
proxy_pass http://test.com;
proxy_set_header Cookie $http_cookie;
proxy_cookie_domain test.com localhost;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header Host test.com;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header REMOTE-HOST $remote_addr;
}
}
server {
listen 8080;
server_name xx.xx.xx.xx;
location =/ {
add_header X-Frame-Options SAMEORIGIN;
root D:/workspace/;
index index.html;
}
location ~* \.(html|htm|gif|jpg|jpeg|bmp|png|ico|txt|js|css|swf|woff|woff2|ttf|json|svg|cur|vue|otf|eot)$ {
charset utf-8;
root D:/workspace/;
expires 3d;
}
location = /socket/v2 {
proxy_pass http://test.com;
proxy_redirect off;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
proxy_set_header Host test.com;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header REMOTE-HOST $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_connect_timeout 30;
proxy_send_timeout 30;
proxy_read_timeout 60;
proxy_buffer_size 256k;
proxy_buffers 4 256k;
}
location / {
proxy_pass http://test.com;
proxy_set_header Cookie $http_cookie;
proxy_cookie_domain test.com xx.xx.xx.xx;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header Host test.com;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header REMOTE-HOST $remote_addr;
}
}
}
訪問方法：http://xx.xx.xx.xx:8080 即可
如果是打包工具生成增這個配置的話，可以用nodejs動態(tài)獲取你電腦的ip
function getIPAdress() {
var interfaces = require('os').networkInterfaces();
for (var devName in interfaces) {
var iface = interfaces[devName];
for (var i = 0; i < iface.length; i++) {
var alias = iface[i];
if (alias.family === 'IPv4' && alias.address !== '127.0.0.1' && !alias.internal) {
return alias.address;
}
}
}
}
所以，這里貼出來一個動態(tài)生成nginx.config的工具
function buildNginxConfig(config) {
function getIPAdress() {
var interfaces = require('os').networkInterfaces();
for (var devName in interfaces) {
var iface = interfaces[devName];
for (var i = 0; i < iface.length; i++) {
var alias = iface[i];
if (alias.family === 'IPv4' && alias.address !== '127.0.0.1' && !alias.internal) {
return alias.address;
}
}
}
}
var cwd = process.cwd().replace(/\\/g, '/') + '/app';
var protocol = /https|443/.test(config.ip) ? 'https' : 'http';
var servers = [{
browserIp: 'localhost',
port: 80,
root: cwd,
serverIp: config.ip,
protocol: protocol,
}, {
browserIp: getIPAdress(),
port: 8080,
root: cwd,
serverIp: config.ip,
protocol: protocol,
}].map(function(item) {
return `
server {
listen ${item.port};
server_name ${item.browserIp};
location =/ {
add_header X-Frame-Options SAMEORIGIN;
root ${item.root};
index index.html;
}
location ~* \\.(html|htm|gif|jpg|jpeg|bmp|png|ico|txt|js|css|swf|woff|woff2|ttf|json|svg|cur|vue|otf|eot)$ {
charset utf-8;
root ${item.root};
expires 3d;
}
location = /socket/v2 {
proxy_pass ${item.protocol}://${item.serverIp};
proxy_redirect off;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
proxy_set_header Host ${item.serverIp};
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header REMOTE-HOST $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_connect_timeout 30;
proxy_send_timeout 30;
proxy_read_timeout 60;
proxy_buffer_size 256k;
proxy_buffers 4 256k;
}
location / {
proxy_pass ${item.protocol}://${item.serverIp};
proxy_set_header Cookie $http_cookie;
proxy_cookie_domain ${item.serverIp} ${item.browserIp};
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header Host ${item.serverIp};
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header REMOTE-HOST $remote_addr;
}
}`;
}).join('\n');
var str = `worker_processes 1;
events {
worker_connections 1024;
}
http {
include mime.types;
default_type application/octet-stream;
sendfile on;
keepalive_timeout 10;
${servers}
}`;
return str;
}
exports = module.exports = buildNginxConfig;
有了這個萬能反向代理，可以隨心所欲的玩轉(zhuǎn)任何網(wǎng)站接口了
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家介紹了Nginx靜態(tài)資源防盜鏈如何配置詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08
Forever+nginx部署Node站點(diǎn)的方法示例
這篇文章主要介紹了Forever+nginx部署Node站點(diǎn)的方法示例，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
想讓Nginx支持中文文件名首先得讓你的系統(tǒng)有中語語言包,設(shè)置前可以執(zhí)行：locale 看一下，如果顯示是en_US.UTF-8，即是正常，不用按下面的步驟設(shè)置2013-06-06
聊聊Django+uwsgi+nginx服務(wù)器部署問題
這篇文章主要介紹了Django+uwsgi+nginx服務(wù)器部署的方法，本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-03-03
本文主要介紹了nginx各種代理配置大全,主要包括了路徑配置,http跳轉(zhuǎn)https,微信支付的校驗(yàn)等,具有一定的參考價值,感興趣的可以了解一下2023-09-09
nginx禁止某個IP訪問站點(diǎn)的設(shè)置方法
近期發(fā)現(xiàn)博客遭到某些人的惡意灌水，頻繁地利用發(fā)帖機(jī)器人發(fā)表評論，給博客的管理帶來諸多不便，搜索了一下資料，可以利用nginx的ngx_http_access_module 模塊設(shè)置允許/禁止哪些ip或ip段訪問站點(diǎn)。2010-12-12
nginx 常用指令 try_files allow root ali
本文主要介紹了nginx 常用指令 try_files allow root alias的使用,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2024-08-08
這篇文章主要介紹了使用Nginx讓網(wǎng)站快速置灰的方法,首先是查看當(dāng)前編譯的版本是否支持http_sub_module模塊,如果不支持需要重新編譯增加此模塊,具體配置方法參考下本文2023-11-11
使用ngxtop實(shí)時監(jiān)控Nginx日志文件的示例代碼
在Nginx日志分析領(lǐng)域,ngxtop是一款強(qiáng)大的實(shí)時監(jiān)控工具,它能夠即時解析Nginx的訪問日志文件,提供直觀、可定制的實(shí)時統(tǒng)計信息,幫助管理員更好地了解服務(wù)器的運(yùn)行狀況和Web流量,本文給大家介紹使用ngxtop實(shí)時監(jiān)控Nginx日志文件的示例代碼,需要的朋友可以參考下2024-01-01
nginx快速部署一個網(wǎng)站服務(wù)(多域名+多端口)
本文主要介紹了nginx快速部署一個網(wǎng)站服務(wù)，并實(shí)現(xiàn)多域名和多端口，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-10-10