首頁猿問關(guān)于阻塞react render的問題

關(guān)于阻塞react render的問題

JavaScript

手掌心 2019-03-08 14:14:04

情況是這樣的，登錄后，我將用戶的token存在了localStorage中，然后用戶刷新或者重啟瀏覽器后，我會在在初始化的時候從localStorage中取出token,然后發(fā)送一個攜帶token的請求到后臺，然后根據(jù)返回token是否過期的結(jié)果，來決定是否重定向到登錄頁面，現(xiàn)在的問題是，render()不會等待我的請求，那請問怎么實現(xiàn)，讓render等待我的請求呢？<Auth path="/exchangeRecord" component={ExchangeRecord} />ExchangeRecord是一個組件，Auth是用來攔截的容器組件

查看完整描述

2 回答

慕雪6442864

TA貢獻1812條經(jīng)驗獲得超5個贊

在前后端分離的情況下，不建議cookie和session。fetch默認都不會帶cookie的。
樓主說的思路沒有問題，也是通用解決方案。
就是為什么要讓render等待fetch呢？完全沒有必要。
你可以嘗試如下操作：
頁面跳轉(zhuǎn)或者加載組件依賴接口返回的數(shù)據(jù)時，你就等到fetch返回再操作，就是放到then中,這之前再加一級then,在此判斷返回狀態(tài)。
所以，當(dāng)服務(wù)端判斷token失效，返回一個特定的狀態(tài)碼。在then中直接處理掉，一般history.push(login page),然后清除localstorage.