前後端分離的框架中,未認證跳轉是怎麼做的呢?
在前後端分離的框架中,一般透過nginx的配置將後端的請求去後端對應的目錄,然後前端的請求去找前端對應的目錄。現在剛好碰到一個認證條狀的功能,要實現的就是每個請求發過來不管是前端請求還是後端請求,先判斷有沒有登錄,沒有登入就跳到登入首頁。
1。一般認證判斷是後端做的事情,頁面跳躍是前端會做的事情,這兩個步驟要怎麼結合他。
前後端不分離的時候一般是在框架初始化的時候置一個鉤子,判斷有沒有登錄,沒有登錄就跳轉。
我想分離後的方案應該是,後端依然對每個請求進行認證判斷,只返回不跳躍。 然後前端框架模組初始化都先請求下認證接口,如果認證未通過就跳到登入頁面。
麻煩有經驗的友友,給下分離場景下這個認證該怎麼做的意見哈。
回覆內容:
在前後端分離的框架中,一般透過nginx的配置將後端的請求去後端對應的目錄,然後前端的請求去找前端對應的目錄。現在剛好碰到一個認證條狀的功能,要實現的就是每個請求發過來不管是前端請求還是後端請求,先判斷有沒有登錄,沒有登入就跳到登入首頁。
1。一般認證判斷是後端做的事情,頁面跳躍是前端會做的事情,這兩個步驟要怎麼結合他。
前後端不分離的時候一般是在框架初始化的時候置一個鉤子,判斷有沒有登錄,沒有登錄就跳轉。
我想分離後的方案應該是,後端依然對每個請求進行認證判斷,只返回不跳躍。 然後前端框架模組初始化都先請求下認證接口,如果認證未通過就跳到登入頁面。
麻煩有經驗的友友,給下分離場景下這個認證該怎麼做的意見哈。
前台端分離一般都是用json傳輸,假如是Json可以這樣做。
驗證成功時回傳:{code:"成功",data:"要取的資料",info:null},
驗證失敗時回傳:{code:"失敗",data:null,info:"沒有存取權限"}
前端用接收後自己判斷code值,至於跳不跳轉那就是前端自己的事咯。
我實現的方式是:
前端登入後,儲存後端產生的token
(後端可以用JWT
或redis
、mysql
保存,前端保存在localstorage
或cookie
)。
前端每次請求需授權
(登入)接口,判斷token
是否有效(包含是否過期),如果無效返回403,以及錯誤訊息。前端使用一個Service基類
(例如AdminService
catch
403
的異常,如果捕獲到,路由到登錄頁),或者寫一個全域的過濾器
,捕獲403
。
前後端分離就在前端快取一個登入狀態,然後每次請求的時候帶上這個狀態碼,後台判斷是否過期,差不多就這樣了
很簡單吖,譬如說後台的項目,後台我們都知道只能登陸成功之後才能進入系統把,那麼整個時候是怎麼做認證的呢?
後端對所有過來的請求都做過濾,驗證用戶有沒有登陸,如果又就繼續不管他,如果沒有登陸就讓他直接跳到登陸頁面
對於前台來說,每個路由跳轉也要進行驗證,例如:打開某一個頁面之前向後台發送一個ajax用來驗證,如果登陸顯示頁面如果沒有就跳轉到登陸頁面
怎麼驗證,使用者沒有登陸成功的情況下,瀏覽器不寫入cookie,登入成功之後就把使用者的cookie儲存到瀏覽器,使用者的session儲存到伺服器,瀏覽器的cookie就是session的key
我們公司最近做前後端完全分離。具體辦法很簡單,例如有需要登入驗證的頁面,前端會直接要求後端。後端判斷是否登錄,如果登入了回傳狀態status
為success
,外加資料啥的。如果沒有登入直接回傳一個固定的狀態,就是status
為fail_401
。
如果該頁面沒有什麼可以獲取的數據,我們直接給個通用接口,進入頁面就請求下接口,如果通過就留在當前頁面,如果未通過就直接跳轉。

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

熱門話題

PHP 8.4 帶來了多項新功能、安全性改進和效能改進,同時棄用和刪除了大量功能。 本指南介紹如何在 Ubuntu、Debian 或其衍生版本上安裝 PHP 8.4 或升級到 PHP 8.4

Visual Studio Code,也稱為 VS Code,是一個免費的原始碼編輯器 - 或整合開發環境 (IDE) - 可用於所有主要作業系統。 VS Code 擁有大量針對多種程式語言的擴展,可以輕鬆編寫

本教程演示瞭如何使用PHP有效地處理XML文檔。 XML(可擴展的標記語言)是一種用於人類可讀性和機器解析的多功能文本標記語言。它通常用於數據存儲

JWT是一種基於JSON的開放標準,用於在各方之間安全地傳輸信息,主要用於身份驗證和信息交換。 1.JWT由Header、Payload和Signature三部分組成。 2.JWT的工作原理包括生成JWT、驗證JWT和解析Payload三個步驟。 3.在PHP中使用JWT進行身份驗證時,可以生成和驗證JWT,並在高級用法中包含用戶角色和權限信息。 4.常見錯誤包括簽名驗證失敗、令牌過期和Payload過大,調試技巧包括使用調試工具和日誌記錄。 5.性能優化和最佳實踐包括使用合適的簽名算法、合理設置有效期、

字符串是由字符組成的序列,包括字母、數字和符號。本教程將學習如何使用不同的方法在PHP中計算給定字符串中元音的數量。英語中的元音是a、e、i、o、u,它們可以是大寫或小寫。 什麼是元音? 元音是代表特定語音的字母字符。英語中共有五個元音,包括大寫和小寫: a, e, i, o, u 示例 1 輸入:字符串 = "Tutorialspoint" 輸出:6 解釋 字符串 "Tutorialspoint" 中的元音是 u、o、i、a、o、i。總共有 6 個元

靜態綁定(static::)在PHP中實現晚期靜態綁定(LSB),允許在靜態上下文中引用調用類而非定義類。 1)解析過程在運行時進行,2)在繼承關係中向上查找調用類,3)可能帶來性能開銷。

PHP的魔法方法有哪些? PHP的魔法方法包括:1.\_\_construct,用於初始化對象;2.\_\_destruct,用於清理資源;3.\_\_call,處理不存在的方法調用;4.\_\_get,實現動態屬性訪問;5.\_\_set,實現動態屬性設置。這些方法在特定情況下自動調用,提升代碼的靈活性和效率。
