首頁(yè) 猿問(wèn) 在 React...

在 React 應(yīng)用程序上區(qū)分客戶端重定向與 302 重定向

JavaScript

慕慕森 2022-12-22 15:54:31

我有一個(gè) React/React-Router 應(yīng)用程序，需要了解用戶如何登陸頁(yè)面的上下文?？赡苡袃煞N不同的情況（1）302 重定向（2）客戶端重定向。讓我添加用例以提供更多詳細(xì)信息(1)：用戶直接點(diǎn)擊URL登陸頁(yè)面(2): 用戶點(diǎn)擊一個(gè)按鈕，然后通過(guò)LinkAPI 被重定向到另一個(gè)頁(yè)面。我注意到 react router props 包含歷史對(duì)象并且在 (1) 情況下，歷史操作是POP在客戶端重定向情況下 (2) 它是PUSHor REPLACE。我可以尊重歷史操作并通過(guò)檢查來(lái)確定 302 重定向是否是一個(gè)很好的假設(shè)action === POP？

查看完整描述

1 回答

倚天杖

TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超3個(gè)贊

為了適合您的特定用例，我們有多種方法可以實(shí)現(xiàn)這一目標(biāo)讓我們回顧一下您提到的一些問(wèn)題

用戶點(diǎn)擊一個(gè)按鈕：所以如果我們可以完全控制一個(gè)按鈕的功能，我們可以在用戶點(diǎn)擊它時(shí)定義多個(gè)參數(shù)，例如我們可以在轉(zhuǎn)發(fā) url 上添加一個(gè)查詢參數(shù)，在下一頁(yè)我們知道用戶在哪里來(lái)自有點(diǎn)像這樣www.example.com/?referrer=oldButton這將指示用戶如何來(lái)到頁(yè)面的清晰模式?；蛘呔头磻?yīng)路由器而言，我們可以傳遞額外的參數(shù)以便稍后訪問(wèn)另一個(gè)組件。

 history.push('/path', yourData);

用戶直接點(diǎn)擊 URL 并登陸頁(yè)面：你假設(shè)正確我們可以使用 POP、PUSH、REPLACE 方法來(lái)識(shí)別用戶是如何登陸特定頁(yè)面的。瀏覽器使用我們所說(shuō)的歷史記錄，它記錄了之前或之后訪問(wèn)過(guò)的每個(gè)頁(yè)面，我們可以直接使用它或通過(guò) react-router

希望有所幫助 :)

反對(duì) 回復(fù) 2022-12-22