在專案中，我們一般會加入對於登入使用者的許可權判斷，一般後端在我們請求資料的時候去判斷是否為登入狀態，如果我們在瀏覽器中開啟乙個登入頁面去登入跳轉頁面，再去開啟瀏覽器的另乙個頁面直接貼上跳轉後的路由去進入頁面，這時候需要我們在路由的鉤子函式中去做乙個登入的判斷，在登入時我們需要在sessionstorage中存入乙個值作為判斷，(因為sessionstorage存入的值只存在於當前的頁面)，這樣在每次路由跳轉時加入判斷就不會出現位址列輸入頁面路徑直接跳轉頁面。
router.
beforeeach
((to,
from
, next)
=>
next()
})
從位址列輸入url到頁面顯示的步驟
在瀏覽器位址列輸入url 瀏覽器檢視快取，如果請求資源在快取中並且新鮮，跳轉到轉碼步驟 瀏覽器解析url獲取協議，主機，埠，path 瀏覽器組裝乙個http get 請求報文 瀏覽器快取 本機快取 hosts檔案 路由器快取 isp dns快取 dns遞迴查詢 可能存在負載均衡導致每次ip不一樣 t...
瀏覽器位址列輸入url到頁面顯示
1 瀏覽器通過dns網域名稱解析到ip位址 2 瀏覽器通過tcp協議建立到伺服器的tcp連線 tcp三次握手 3 客戶端 瀏覽器 向web伺服器端傳送http協議包，請求伺服器裡的資源文件 4 伺服器向客戶端傳送http協議應答包 5 客戶端和伺服器斷開連線 tcp四次揮手 客戶端開始解析處理htm...
登入頁面後單擊位址列重新整理按鈕表單重複提交的問題
如上圖，該bug與表單頁面重複往資料庫填寫資料不同，是進入歡迎頁面之後重新整理出現的，之後我在網上搜尋了很久，沒有找到合適的解決辦法，大多都是說的解決表單重複提交資料的解決方案，類似令牌機制或隨機數。我後來仔細翻看 發現是因為我在login方法中處理跳轉是使用了請求 的原因，如下圖 此處預設是請求 ...