vue生成token并保存到本地存儲中
更新時間：2018年07月17日 11:11:30 作者：雨夢遲歌
這篇文章主要介紹了vue生成token并保存到本地存儲中,本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下
首先回顧一下token:
token認證是RESTFUL.api的一個很重要的部分，通過token認證和token設置，后端會有一個接口傳給前臺：
http://localhost/yiiserver/web/index.php/token?client_appid=aaa&client_appkey=bbb
其實就是向用戶表里去生成一個token
這里的client_id相當于用戶名，client_key相當于密碼，這樣后臺會生成一個client_token,我們需要把這個token保存到客戶端中。
前端的資源一般放在另外的服務器中，這樣后臺需要進行進行跨域操作，在php代碼中增加頭文件
//就是我們常用的access-control-allow-origin
header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Methods:GET,POST");
header("Access-Control-Allow-Headers:X-Requeted-With,content-type,if-modified-since");
這樣操作就可以成功實現后臺跨域。
前臺項目使用的是vuex來進行狀態(tài)管理，分為state、mutations、actions三大部分，我們在actions里定義一個userLogin方法，發(fā)送http用來請求后端服務器數據，返回的響應數據保存在mutations里的setUser中,因為actions里定義的userLogin方法是供用戶登錄時調用的，所以在userLogin.vue中也要使用userLogin方法。
總結
以上所述是小編給大家介紹的vue生成token并保存到本地存儲中，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！
相關文章
Tailwind CSS是一個全新的、可定制的CSS框架,它提供了一系列的CSS類,用于構建現代化的Web界面,這篇文章主要介紹了Vue2使用TailwindCSS方法及遇到問題小結,需要的朋友可以參考下2024-03-03
本文主要介紹了Vue3 defineComponent作用，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
這篇文章主要介紹了el-table如何添加loading效果問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-08-08
Element的el-tree控件后臺數據結構的生成以及方法的抽取
這篇文章主要介紹了Element的el-tree控件后臺數據結構的生成以及方法的抽取，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-03-03
這篇文章主要介紹了淺談vue的第一個commit分析，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-06-06
這篇文章主要介紹了Vue高版本中一些新特性的使用,需要的朋友可以參考下2018-09-09
本文主要介紹了Vue引入并使用Element組件庫的兩種方式小結，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-01-01
這篇文章主要為大家詳細介紹了vue實現抽屜彈窗效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
這篇文章主要介紹了Vue跨域請求問題解決方案過程解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-08-08
Vue.js?是一個流行且強大的?JavaScript?框架,它允許我們構建動態(tài)和交互式?Web?應用程序,本文我們將深入探討?Vue.js?應用程序中內存泄漏的原因,并探索如何定位和修復這些問題的有效策略,希望對大家有所幫助2023-09-09