狠狠色丁香婷婷综合尤物/久久精品综合一区二区三区/中国有色金属学报/国产日韩欧美在线观看 - 国产一区二区三区四区五区tv

LOGO OA教程 ERP教程 模切知識交流 PMS教程 CRM教程 開發文檔 其他文檔  
 
網站管理員

【HTML】前端跳轉如何攜帶Token?

admin
2024年4月9日 22:51 本文熱度 641

在前端項目中,登錄成功后獲取Token值,然后在后續的請求中都需要在請求頭中攜帶這個Token,這是一種常見的做法。這種情況下,你可以選擇使用LocalStorage或者SessionStorage來存儲Token。

  1. 「LocalStorage」:這是HTML5提供的一種在客戶端存儲數據的方式,數據會永久保存,除非用戶手動清除。你可以在登錄成功后,將Token存儲到LocalStorage中。
localStorage.setItem('token''your token');

然后在每次發送請求時,都從LocalStorage中獲取Token,并添加到請求頭中。

let token = localStorage.getItem('token');
axios.defaults.headers.common['Authorization'] = 'Bearer ' + token;
  1. 「SessionStorage」:與LocalStorage類似,SessionStorage也是HTML5提供的一種在客戶端存儲數據的方式。但是SessionStorage中存儲的數據在頁面會話結束時會被清除。頁面會話在瀏覽器打開期間一直保持,并在瀏覽器關閉時結束。如果你希望在用戶關閉瀏覽器后,Token被清除,可以選擇使用SessionStorage。

存儲Token:

sessionStorage.setItem('token''your token');

獲取Token并添加到請求頭中:

let token = sessionStorage.getItem('token');
axios.defaults.headers.common['Authorization'] = 'Bearer ' + token;

注意:以上的代碼示例使用了axios庫來發送HTTP請求,如果你使用的是其他庫,比如fetch,設置請求頭的方式可能會有所不同。

另外,存儲Token時要注意安全問題,避免XSS攻擊。


該文章在 2024/4/9 22:51:42 編輯過
關鍵字查詢
相關文章
正在查詢...
點晴ERP是一款針對中小制造業的專業生產管理軟件系統,系統成熟度和易用性得到了國內大量中小企業的青睞。
點晴PMS碼頭管理系統主要針對港口碼頭集裝箱與散貨日常運作、調度、堆場、車隊、財務費用、相關報表等業務管理,結合碼頭的業務特點,圍繞調度、堆場作業而開發的。集技術的先進性、管理的有效性于一體,是物流碼頭及其他港口類企業的高效ERP管理信息系統。
點晴WMS倉儲管理系統提供了貨物產品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質期管理,貨位管理,庫位管理,生產管理,WMS管理系統,標簽打印,條形碼,二維碼管理,批號管理軟件。
點晴免費OA是一款軟件和通用服務都免費,不限功能、不限時間、不限用戶的免費OA協同辦公管理系統。
Copyright 2010-2025 ClickSun All Rights Reserved