最近排查一個線上問題發(fā)現(xiàn)有人在Nginx里把臨時跳轉(zhuǎn)和永久跳轉(zhuǎn)混著寫結(jié)果某搜索引擎的收錄頁面全都變成了中間跳轉(zhuǎn)頁權(quán)重和流量掉了一大截。這種事在站點里其實特別常見說小不小說大也大。很多人對301和302的理解停留在“反正都能跳轉(zhuǎn)”的層面但這兩個狀態(tài)碼從協(xié)議語義、瀏覽器行為到搜索引擎處理邏輯差異都非常大。用錯了輕則多一次無效請求重則影響整站收錄和排名。這篇文章就把301和302徹底拆開講透從協(xié)議底層邏輯、實際配置寫法、SEO差異到排錯手段一條條捋清楚。不管是剛?cè)腴T的后端開發(fā)、前端調(diào)接口的同學(xué)還是負責(zé)站點運維、SEO優(yōu)化的朋友看完應(yīng)該都能對這兩個狀態(tài)碼有個完整的判斷框架。1. 301和302到底差在哪從定義到使用場景先看看協(xié)議層面怎么定義這兩個狀態(tài)碼。301 Moved Permanently含義是請求的資源已經(jīng)被永久移動到新地址以后所有對該資源的請求都應(yīng)該使用新的URL舊地址直接失效302 Found含義是請求的資源臨時被調(diào)走了當(dāng)前先用新地址響應(yīng)但舊地址后續(xù)還是有效的。這段話翻譯成人話就是301等于宣布“搬家了再也不回老地址”302等于“臨時在隔壁辦工過段時間還回來”。這個語義差異直接決定了后續(xù)所有行為。1.1 瀏覽器是怎么區(qū)別對待它們的瀏覽器收到301響應(yīng)時會記住這個重定向關(guān)系。下次用戶在地址欄輸入舊地址瀏覽器可能會直接跳過請求自己跳到新地址去收302響應(yīng)時則不會做這種長期記憶每次訪問舊地址都會再次向服務(wù)器確認一次。這句話在排障中非常關(guān)鍵。我在實際項目中踩過一個坑把一個臨時活動的入口用了301重定向活動結(jié)束后把跳轉(zhuǎn)撤掉結(jié)果老用戶訪問舊鏈接還是被瀏覽器強行跳到早已下線的活動頁。原因就是瀏覽器緩存了301清掉緩存或者換個無痕窗口才好。這是301最典型的“副作用”也是為什么臨時跳轉(zhuǎn)必須用302。另一個直觀差異是請求方式。HTTP規(guī)范里301和302都允許客戶端在重定向時把POST改為GET這就引發(fā)了不少業(yè)務(wù)事故。比如用戶在A頁面提交了表單后端返回302指向B頁面部分瀏覽器會直接用GET請求B頁面導(dǎo)致提交的冪等性無法保證。所以在處理支付回調(diào)、登錄授權(quán)這類場景時很多后端接口會明確改用307或308確保POST方法在重定向過程中不被改變。關(guān)于307和308后面詳細說。1.2 搜索引擎對二者的處理邏輯完全不同搜索引擎爬蟲處理301時會更新索引庫里的URL把舊鏈接的權(quán)重、收錄信息全部遷移到新鏈接上之后爬蟲會優(yōu)先抓取新地址舊地址逐漸從索引中移除。這個過程在業(yè)內(nèi)叫“權(quán)重轉(zhuǎn)移”。做過域名遷移或者站點改版的朋友應(yīng)該深有體會換完域名后如果只做302排名和收錄基本會掉光如果做對了301通常兩到三周搜索引擎就能把大部分權(quán)重遷移過去。302就不一樣了。爬蟲看到302會認為這是臨時的變化不會輕易更新索引中的主URL舊地址繼續(xù)保留并參與排名計算。問題在于很多站點出于運營目的把需要永久變更的頁面也配成了302導(dǎo)致搜索引擎反復(fù)抓取舊地址每次都會多付出一次重定向請求白白消耗抓取配額還可能出現(xiàn)“搜索引擎收錄的是中間頁”這種怪象。所以在決定用哪個狀態(tài)碼之前先問自己一個問題舊地址是不是永遠不再啟用了如果是用301如果只是暫時跳開一定要用302。這個判斷是所有選擇的基礎(chǔ)。1.3 從一次案例看選擇錯誤的影響范圍之前幫某內(nèi)容平臺做站點體檢發(fā)現(xiàn)它的分頁列表頁全部用了302跳轉(zhuǎn)到最新列表。結(jié)果就是搜索引擎收錄的全部是帶參數(shù)的URL因為302不會更新主索引頁面權(quán)重遲遲無法匯聚。更麻煩的是用戶點擊搜索結(jié)果后進入鏈接又被302跳一次白白增加一次往返延遲。整站的平均響應(yīng)時間從200毫秒被拉高到接近500毫秒流量損耗肉眼可見。后來把這些302全部改成301收錄結(jié)構(gòu)和排名在下一輪抓取周期就開始改善。這種案例在實踐中非常多狀態(tài)碼配置不當(dāng)?shù)挠绊懲坏凸浪恢皇菂f(xié)議層面的“小問題”而是直接關(guān)聯(lián)到用戶體驗、站點性能、搜索流量的全局性配置。2. 重定向的底層機制響應(yīng)頭、方法變化與3xx家族只記住301和302兩個編碼還不夠真正要搞懂重定向必須看懂服務(wù)器返回的響應(yīng)頭以及3xx這個大家族里每個成員的角色。很多人在排查問題時卡住就是因為對機制本身的認知有盲區(qū)。2.1 Location響應(yīng)頭是重定向的核心服務(wù)器返回301或302時必須在響應(yīng)頭里帶上Location字段告訴客戶端“要跳到哪里去”。代碼層面長這樣HTTP/1.1 301 Moved Permanently Location: https://example.com/new-path Content-Length: 0客戶端讀取到狀態(tài)碼和Location之后才會發(fā)起二次請求。反過來如果服務(wù)器只設(shè)置了狀態(tài)碼沒有Location頭瀏覽器就會停在原地用戶看到的效果是頁面一直白屏或者報錯。這個細節(jié)在自研網(wǎng)關(guān)、Mock服務(wù)、后端框架的定制響應(yīng)里特別容易漏。Location里的地址可以是完整的絕對URL也可以是相對路徑。絕對URL兼容性最好各個代理、CDN環(huán)境下都不會出問題相對路徑雖然瀏覽器也支持但如果經(jīng)過中間層改寫可能產(chǎn)生意外的拼接結(jié)果。我個人的習(xí)慣是后端代碼里永遠返回絕對URL減少歧義。2.2 Refresh頭是怎么實現(xiàn)“延遲跳轉(zhuǎn)”的除了狀態(tài)碼加Location還有一種常見的HTTP重定向方式是Refresh響應(yīng)頭長這樣HTTP/1.1 200 OK Refresh: 5; urlhttps://example.com/landing它的含義是“5秒后跳轉(zhuǎn)到新地址”。很多老網(wǎng)站會在跳轉(zhuǎn)頁上顯示“倒計時5秒自動跳轉(zhuǎn)”用的就是這個機制。Refresh和301/302最大的區(qū)別在于Refresh本身返回200狀態(tài)碼客戶端先加載當(dāng)前頁面內(nèi)容再根據(jù)Refresh頭做跳轉(zhuǎn)。所以搜索引擎看到的是兩個URL都返回200對SEO來說這不是一次真正意義上的重定向權(quán)重遷移效果很差。日常實踐中Refresh適合用在“告知型跳轉(zhuǎn)”場景比如支付完成后的結(jié)果頁提示、下載前的免責(zé)聲明頁。不要用它替代301/302做正規(guī)的重定向尤其不要用在需要傳遞權(quán)重的場景里。2.3 3xx家族全貌301/302/303/304/307/3083xx這個大類其實遠不止301和302理解整個家族有助于在特殊場景里選對編碼。狀態(tài)碼含義方法變化典型場景300Multiple Choices無服務(wù)器提示用戶選擇多個表示之一301Moved Permanently允許POST轉(zhuǎn)GET永久遷移、域名更換302Found允許POST轉(zhuǎn)GET臨時跳轉(zhuǎn)、活動頁、登錄態(tài)跳轉(zhuǎn)303See Other強制轉(zhuǎn)為GET表單提交成功后跳轉(zhuǎn)到結(jié)果頁304Not Modified無緩存協(xié)商命中本地緩存307Temporary Redirect保持原方法臨時跳轉(zhuǎn)且必須保留POST308Permanent Redirect保持原方法永久遷移且必須保留POST304不是傳統(tǒng)意義上的“跳轉(zhuǎn)”但它是緩存體系里的重定向行為。服務(wù)器收到條件請求后如果資源沒有變化就返回304告訴瀏覽器“你本地緩存還能用”。很多排查問題的人會把304和302搞混其實二者邏輯完全兩回事。關(guān)于303和307的出現(xiàn)有個歷史背景早期協(xié)議對301/302的定義沒有明確“POST轉(zhuǎn)GET”的邊界各瀏覽器實現(xiàn)不一為了拯救語義混亂后來補充了303和307。303明確要求“無論如何都轉(zhuǎn)成GET”適合表單提交后的返回307明確要求“保持原方法”適合API接口的臨時流轉(zhuǎn)。到了今天如果你在做API網(wǎng)關(guān)或者前后端分離的項目建議優(yōu)先用307/308來收緊行為避免不同設(shè)備上的表現(xiàn)不一致。2.4 鏈式重定向是怎么發(fā)生的重定向還有一種常見形態(tài)A返回302跳到BB又返回302跳到C最終用戶請求了三四個URL才到達目標頁面。這種鏈式重定向在日志里非常普遍原因是站點調(diào)整過程中各層配置疏于同步。鏈式重定向的最大代價是性能損耗。瀏覽器每跳一次就要重新建立一個連接如果跨域移動端網(wǎng)絡(luò)下每次往返可能增加幾百毫秒延遲搜索引擎爬蟲對鏈式跳轉(zhuǎn)尤其敏感超過一定跳數(shù)甚至直接放棄抓取。另外鏈條中的任何一個環(huán)節(jié)出錯整個跳轉(zhuǎn)就斷掉。排查鏈式重定向的辦法是逐跳查看響應(yīng)。后面會講到用curl觀察完整跳轉(zhuǎn)序列這是最直接的手段。3. 服務(wù)器端與前端環(huán)境下的重定向配置實操理論部分鋪墊好了接下來聊實操。不同環(huán)境下配置301/302的寫法和注意點差別很大我按常見的幾種環(huán)境分開說。3.1 Nginx配置301與302的兩種常用方式Nginx里配置重定向主要有rewrite和return兩種方式。rewrite屬于URL改寫return則直接返回指定狀態(tài)碼加Location二者在語義上有細微差別。# 使用rewritepermanent表示301redirect表示302 rewrite ^/old/(.*)$ /new/$1 permanent; rewrite ^/old/(.*)$ /new/$1 redirect; # 推薦使用return語義更直接 return 301 /new/$1; return 302 /new/$1;rewrite和return的選擇有個講究rewrite會把正則匹配到的片段捕獲后重新拼接適合復(fù)雜的路徑改寫return適合簡單直接的跳轉(zhuǎn)性能更高因為它不再執(zhí)行后續(xù)的rewrite階段。實際經(jīng)驗是能用return就用return可讀性和性能都更好。還有一個容易被忽略的點Nginx里return后面跟的狀態(tài)碼如果是301/302Location默認會繼承當(dāng)前請求的Host和端口生成相對完整的絕對URL。但如果網(wǎng)站本身在CDN或反向代理后面外層域名和內(nèi)層回源地址不一致Nginx生成的Location可能變成內(nèi)網(wǎng)地址直接暴露給用戶。解決方法是顯式拼接完整URL比如return 301 $scheme://www.example.com$request_uri;3.2 Apache環(huán)境配置重定向Apache的配置風(fēng)格和Nginx不同它用的是mod_alias模塊里的Redirect指令。Redirect 301 /old http://www.example.com/new Redirect 302 /old http://www.example.com/tempApache的Redirect支持路徑匹配配置起來比較直觀但它的匹配規(guī)則是基于目錄前綴的如果要做正則匹配需要用RedirectMatch或者RewriteRule這類配置部署時一定要確認模塊已經(jīng)加載。很多人在Apache里配301后忘記考慮HTTPS跳轉(zhuǎn)結(jié)果就是HTTP和HTTPS兩套邏輯各自為政用戶從百度點過來是http頁面域名不統(tǒng)一對SEO很不友好。建議在VirtualHost配置里直接把80端口的請求統(tǒng)一301到443端口把HTTPS跳轉(zhuǎn)和業(yè)務(wù)跳轉(zhuǎn)分開處理。3.3 后端代碼里怎么返回301/302無論前端還是后端應(yīng)用重定向的最終本質(zhì)都是“設(shè)置響應(yīng)狀態(tài)碼Location頭”。以Node.js為例// Express框架寫法 res.redirect(301, /new-path); res.redirect(302, /temp-path); // 原生Node.js寫法 res.statusCode 301; res.setHeader(Location, /new-path); res.end();Java的Spring框架里是return ResponseEntity.status(HttpStatus.MOVED_PERMANENTLY) .location(URI.create(/new-path)) .build();Go標準庫是http.Redirect(w, r, /new-path, http.StatusMovedPermanently)這些框架提供的接口本質(zhì)都一樣只是封裝層數(shù)不同。需要注意的自定義場景是如果你在框架里做了全局的響應(yīng)攔截器有些攔截器會把Location頭吞掉或者改寫導(dǎo)致重定向失效。排查這類問題時不要只盯著路由代碼把過濾器、中間件全部過一遍。3.4 前端能做的重定向方式與限制前端場景常見的重定向有meta refresh和JavaScript跳轉(zhuǎn)。!-- meta refresh 寫法 -- meta http-equivrefresh content0; url/new-path// JavaScript 跳轉(zhuǎn)寫法 window.location.replace(/new-path);這兩種方式在HTTP協(xié)議層面返回200瀏覽器根據(jù)頁面內(nèi)容再發(fā)起跳轉(zhuǎn)。它們的使用限制很明顯爬蟲看到200狀態(tài)碼會認為自己訪問的就是有效頁面不會進行權(quán)重轉(zhuǎn)移而且每次爬取都要重新加載一遍頁面再跳轉(zhuǎn)。所以前端方式只適合交互型跳轉(zhuǎn)比如登錄后跳回原頁面、多步表單的條件路由。凡是涉及站點結(jié)構(gòu)變更、URL永久調(diào)整的都應(yīng)該走服務(wù)器端的301或302。有個細節(jié)想通過前端方式模擬“重定向后不留歷史記錄”的需求很常見。window.location.replace要優(yōu)于location.href因為replace會替換當(dāng)前歷史記錄用戶點返回不會回到中間跳轉(zhuǎn)頁體驗上更接近服務(wù)器端重定向的效果。4. 重定向的排查手段與問題糾錯理論知識再扎實到了線上排查還是得靠工具說話。這一節(jié)我把平時用順手的排障手段、常見問題和應(yīng)對思路整理出來。4.1 用curl快速查看重定向全鏈路curl是排查重定向問題的首選工具參數(shù)-I可以只看響應(yīng)頭。curl -I -L --max-redirs 5 https://example.com/old-path-I發(fā)出HEAD請求查看響應(yīng)頭-L表示跟隨重定向--max-redirs限制最大跳轉(zhuǎn)次數(shù)。輸出里會出現(xiàn)多段響應(yīng)頭每一段都可以看到狀態(tài)碼和Location整條重定向鏈一目了然。如果不加-Lcurl只返回第一跳的狀態(tài)碼和Location不繼續(xù)跟下去。在排查具體問題時我通常會分兩步走第一次不加-L單獨看第一跳返回的是301還是302、Location指向哪里第二次加-L把整條鏈串起來看有沒有循環(huán)或多余跳數(shù)?？吹?01還要特別留意響應(yīng)的Cache-Control頭如果是301且被CDN緩存了舊地址的跳轉(zhuǎn)關(guān)系會持續(xù)很長時間對業(yè)務(wù)調(diào)整很不友好。4.2 Chrome DevTools里的重定向觀察技巧Chrome開發(fā)者工具里Network面板默認會把重定向過程簡化顯示。想看到完整鏈路可以打開面板后勾選“Preserve log”然后重新加載頁面列表里會出現(xiàn)多條同名請求每條對應(yīng)一跳可以展開查看各自的響應(yīng)頭和狀態(tài)碼。這里的額外價值在于能看到請求的實際耗時分布。一條重定向如果跨域往往意味著多一次DNS解析、TLS握手和連接建立。從Network面板就能直觀看到這些開銷幫助你判斷是否可以把跳轉(zhuǎn)鏈壓縮掉一層。4.3 配置了301卻出現(xiàn)死循環(huán)怎么辦死循環(huán)是重定向最常見的故障。現(xiàn)象是瀏覽器報ERR_TOO_MANY_REDIRECTS或者curl跟隨跳轉(zhuǎn)時超過最大次數(shù)強制終止。排查這種問題有個固定套路用curl -I不帶-L看第一跳返回什么狀態(tài)碼、Location指向哪里。對比Location和原始URL檢查是否指向了同一個地址或者互相指來指去。檢查Web服務(wù)器配置里是否存在多條重定向規(guī)則規(guī)則的生效順序可能和預(yù)期不符。查看域名解析層有沒有額外跳轉(zhuǎn)比如CDN回源規(guī)則里配置了強制HTTP跳HTTPS源站又配了強制HTTPS跳HTTP兩方邏輯沖突。留意環(huán)境變量比如X-Forwarded-Proto或X-Forwarded-Port在代理層沒有正確傳遞后端判斷協(xié)議時拿到的總是http導(dǎo)致不斷的跳轉(zhuǎn)。第五點在實際項目中很常見。應(yīng)用層判斷“當(dāng)前是不是HTTPS”走的是代理傳過來的X-Forwarded-Proto頭如果代理沒配這個頭應(yīng)用永遠認為自己處在HTTP環(huán)境于是拼命301到HTTPS而代理層看到的已經(jīng)是HTTPS請求又不動最終就陷入循環(huán)。解決思路是在代理層透傳或者改寫這類頭讓源站拿到正確的協(xié)議信息。4.4 301和302的緩存策略與排查很多人不知道301和302的緩存行為也可以控制。協(xié)議層面上301默認可以被瀏覽器和CDN緩存302默認不會。但你可以通過響應(yīng)頭顯式控制Cache-Control: no-cache, no-store, must-revalidate在返回302響應(yīng)時加上這段頭可以避免某些代理服務(wù)器對302做激進緩存。在返回301時如果希望盡快生效而非等緩存過期同樣可以通過設(shè)置no-store來阻止中間層緩存。實際排障時遇到“改了重定向地址但線上還是跳舊地址”大概率就是緩存問題。排查順序是先看瀏覽器是否命中本地緩存再看CDN層面是否有緩存最后查服務(wù)器配置是否確實更新了。用curl查看響應(yīng)頭里的Cache-Control和Age字段能快速判斷緩存來自哪一層。5. 我踩過的那些重定向坑與防范心得最后分享幾個真實案例都是我在不同項目里踩過的坑。沒有親身經(jīng)歷過的話看文檔很難意識到這些細節(jié)有多重要。第一個坑是登錄態(tài)跳轉(zhuǎn)被緩存。某系統(tǒng)登錄成功后跳轉(zhuǎn)到用戶中心后端返回的302被一層代理服務(wù)器強緩存了導(dǎo)致用戶A登錄成功后用戶B打開同一URL直接被跳轉(zhuǎn)到A的首頁數(shù)據(jù)。排查到最后發(fā)現(xiàn)是代理層對302做了緩存而且沒有Key區(qū)分用戶。從那以后我要求所有涉及用戶態(tài)的302響應(yīng)必須帶Cache-Control: no-store從協(xié)議層杜絕這類事故。第二個坑是HTTP與HTTPS之間的跳轉(zhuǎn)鏈設(shè)計不當(dāng)。有個站點在DNS解析層做了HTTP到HTTPS的301CDN回源時又把HTTPS落到一個HTTP的源站源站自身又配了301到HTTPS。用戶訪問一次頁面實際經(jīng)過了三次跳轉(zhuǎn)DNS層一次、CDN層一次、源站一次。響應(yīng)時間從80毫秒漲到了600多毫秒。后來重新梳理把跳轉(zhuǎn)職責(zé)收斂到CDN邊緣層和源站層各自只做一次決定整條鏈路才清爽。第三個坑是302導(dǎo)致的搜索引擎索引混亂。某商城為了做促銷把詳情頁全部302到活動頁持續(xù)了一個多月?；顒咏Y(jié)束后搜索流量驟降因為搜索引擎在這段時間里建立的大量索引都是活動頁URL活動頁下線后這些URL全部404。如果當(dāng)時用的是301索引會穩(wěn)定遷移到活動頁即使活動結(jié)束后也有機會通過301把權(quán)重轉(zhuǎn)移到下一個承接頁面。促銷邏輯和SEO邏輯經(jīng)常打架但技術(shù)側(cè)至少要把選擇權(quán)透明化讓業(yè)務(wù)明白風(fēng)險。第四個坑是移動端和桌面端分別跳轉(zhuǎn)時狀態(tài)碼用反。有些站點桌面版是完整內(nèi)容移動版是簡化頁面通過檢測User-Agent做302跳轉(zhuǎn)這是合理場景。但有人為了“省事”直接給移動端配置成301后果是用戶手機瀏覽器永久記住了移動版URL之后即使用戶想切換桌面版網(wǎng)頁瀏覽器還是會直接跳到移動版。移動適配跳轉(zhuǎn)必須用302這已經(jīng)是行業(yè)共識但仍然有站點在犯。說到這我個人的習(xí)慣可以總結(jié)成幾句話凡是確認永久變更的比如換域名、改路徑、統(tǒng)一協(xié)議一律301同時確認不經(jīng)過瀏覽器緩存的歷史殘留凡是臨時性流轉(zhuǎn)的比如活動頁、登錄跳轉(zhuǎn)、移動適配、A/B測試一律302并顯式關(guān)閉緩存涉及POST接口的重定向優(yōu)先307和308所有重定向配置上線前用curl走一遍完整跳轉(zhuǎn)鏈記錄狀態(tài)碼與耗時。這幾點做到位重定向相關(guān)的坑基本都能避開。狀態(tài)碼選錯不會立刻讓網(wǎng)站掛掉但會在流量、收錄、性能上持續(xù)放血越早糾正越省事。