Nginx實現(xiàn)前端重定向的三種方法介紹
更新時間：2025年09月30日 09:20:06 作者：檀越@新空間
這篇文章主要為大家詳細(xì)介紹了Nginx實現(xiàn)前端重定向的三種方法,文中的示例代碼講解詳細(xì),具有一定的借鑒價值,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
需求:
http://127.0.0.1/test-chat/orig_docs/80a4e16a-6945-4fa0-bc8a-2b9c9c6eacb7
使用 nginx 轉(zhuǎn)為下面的請求
http://127.0.0.1/orig_docs/80a4e16a-6945-4fa0-bc8a-2b9c9c6eacb7
可以使用 nginx 的rewrite或location指令來實現(xiàn)這個 URL 轉(zhuǎn)換。以下是幾種配置方式：
方法 1：使用 rewrite 指令
server {
listen 80;
server_name 127.0.0.1;
# 方法1.1：在server級別重寫
rewrite ^/test-chat/orig_docs/(.*)$ /orig_docs/$1 permanent;
# 或者方法1.2：在location中重寫
location /test-chat/orig_docs/ {
rewrite ^/test-chat/orig_docs/(.*)$ /orig_docs/$1 permanent;
}
}
方法 2：使用 location 代理
server {
listen 80;
server_name 127.0.0.1;
location /test-chat/orig_docs/ {
# 移除test-chat前綴
rewrite ^/test-chat(/orig_docs/.*)$ $1 break;
# 代理到實際服務(wù)
proxy_pass http://your_backend_server;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
}
location /orig_docs/ {
# 處理原始/orig_docs請求
proxy_pass http://your_backend_server;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
}
}
方法 3：精確的路徑重寫
server {
listen 80;
server_name 127.0.0.1;
location ~ ^/test-chat/orig_docs/(.+)$ {
return 301 /orig_docs/$1;
}
}
完整的 nginx 配置示例
server {
listen 80;
server_name 127.0.0.1;
# 訪問日志
access_log /var/log/nginx/access.log;
error_log /var/log/nginx/error.log;
# 重寫規(guī)則：移除test-chat前綴
rewrite ^/test-chat/orig_docs/(.*)$ /orig_docs/$1 permanent;
# 處理/orig_docs請求
location /orig_docs/ {
# 這里配置您的后端服務(wù)
proxy_pass http://backend_server;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
# 可選：設(shè)置超時時間
proxy_connect_timeout 30s;
proxy_send_timeout 30s;
proxy_read_timeout 30s;
}
# 其他location配置...
location / {
# 默認(rèn)處理
root /usr/share/nginx/html;
index index.html;
}
}
配置說明
permanent (301 重定向)：瀏覽器會記住重定向，適合永久性 URL 變更
redirect (302 重定向)：臨時重定向，每次都會請求原 URL
break：在 server 內(nèi)部重寫，不對外部重定向
測試配置
# 檢查nginx配置語法 nginx -t # 重新加載配置 nginx -s reload
選擇哪種方法取決于您的具體需求：
- 如果希望用戶瀏覽器地址欄顯示新的 URL，使用
permanent或redirect - 如果只是內(nèi)部重寫，使用
break - 如果需要代理到其他服務(wù)，使用方法 2 的代理配置
到此這篇關(guān)于Nginx實現(xiàn)前端重定向的三種方法介紹的文章就介紹到這了,更多相關(guān)Nginx前端重定向內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Nginx防止惡意域名解析,通過編輯nginx.conf文件添加限制配置,確保網(wǎng)站安全合規(guī),避免服務(wù)器IP被關(guān)閉處理2026-05-05
這篇文章主要為大家詳細(xì)介紹了Nginx配置出現(xiàn)訪問白屏問題的原因以及該如何解決,文中的示例代碼簡潔易懂,有需要的小伙伴可以參考一下2025-02-02
nginx實現(xiàn)根據(jù)URL轉(zhuǎn)發(fā)請求的實戰(zhàn)經(jīng)歷
這篇文章主要給大家介紹了一次關(guān)于nginx實現(xiàn)根據(jù)URL轉(zhuǎn)發(fā)請求的實戰(zhàn)經(jīng)歷，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用nginx具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11
這篇文章主要介紹了Nginx日志配置的使用及說明,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2025-07-07
反向代理是一種代理服務(wù)器,位于客戶端與服務(wù)器之間,后端服務(wù)器處理請求后將響應(yīng)發(fā)送回反向代理服務(wù)器,反向代理服務(wù)器再將響應(yīng)返回給客戶端,本文將詳細(xì)介紹Nginx如何反向代理后端服務(wù),涵蓋其基本概念、配置方法、負(fù)載均衡、SSL/TLS支持等多個方面,需要的朋友可以參考下2024-06-06
本文介紹了如何使用Nginx實現(xiàn)負(fù)載均衡和前端項目部署,通過配置Nginx的負(fù)載均衡功能,可以有效地分發(fā)客戶端請求,提高服務(wù)器的處理能力,感興趣的可以了解一下2023-11-11
Nginx配置虛擬主機(jī)支持3種方式：基于IP的虛擬主機(jī)配置，基于端口的虛擬主機(jī)配置，基于域名的虛擬主機(jī)配置。本文主要介紹了基于域名的實現(xiàn)，感興趣的小伙伴們可以參考一下2018-10-10
Nginx搭配cpolar實現(xiàn)遠(yuǎn)程開發(fā)無縫協(xié)作全過程
Nginx是一款高性能的本地Web服務(wù)器,以其卓越的穩(wěn)定性和靈活的配置能力,成為開發(fā)者搭建本地服務(wù)的首選工具,本文將介紹如何利用 Ubuntu操作系統(tǒng)、Docker容器技術(shù)以及cpolar內(nèi)網(wǎng)穿透工具來實現(xiàn)公網(wǎng)遠(yuǎn)程訪問本地Nginx服務(wù)器的具體操作流程,需要的朋友可以參考下2026-01-01
Nginx把遇到的不同級別的問題信息寫到錯誤日志。error_log 指令配置記錄到特定的文件，stderr，或者syslog，配置寫到日志的最低級別信息。下面這篇文章主要介紹了利用Nginx日志實現(xiàn)訪問異常報警的相關(guān)資料，需要的朋友可以參考下。2017-03-03
訂單系統(tǒng)增加附件預(yù)覽,下載的功能,但是這個附件是客戶推單時推送過來的,文件連接是類似oss連接,但是是客戶的域名,所以導(dǎo)致跨域問題,本文小編將給大家介紹如何用nginx解決前端js下載跨域問題,需要的朋友可以參考下2023-10-10