今天遇到個有點意思的問題.特此記錄.

業務場景:

做了一個頁面,但是對外是掛載在京東主站上.如:www.jd.com/yifu/123456.html.

現場情況:

在本地/測試環境/預發環境中,每次點擊頁面之前,都要刪除瀏覽器緩存,否則是死鏈.

背景知識:

Chrome瀏覽器會自動記錄http->https的跳轉.比如訪問http://www.jd.com 自動跳轉成了 https//www.jd.com ,那麽下次瀏覽器就會直接使用https.這裏的自動跳轉是基於域名的,也就是同一域名下有某個靜態資源發生了跳轉,也會導致全頁面下次自動跳轉.且這個過程發生在瀏覽器內部.

異常原因:

1. 我們的頁面中有一部分是京東的公共頭尾.其中引用了一個靜態資源:http://www.jd.com/foo.ico

2. 京東主站會自動302跳轉https,上述資源會自動跳轉為http://www.jd.com/foo.ico

3. 這個過程被瀏覽器記錄,緩存.

4. 點擊頁面的連接(http://www.jd.com/*),都會先被瀏覽器轉為https,而本地/測試/預發環境均不支持https.形成死鏈.

Charles 抓包發現自動跳轉為https 問題梳理