這篇文章主要為大家詳細介紹了vue生成token并保存到本地存儲中，具有一定的參考價值，可以用來參考一下。

感興趣的小伙伴，下面一起跟隨512筆記的小編兩巴掌來看看吧！

首先回顧一下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來進行狀態管理，分為state、mutations、actions三大部分，我們在actions里定義一個userLogin方法，發送http用來請求后端服務器數據，返回的響應數據保存在mutations里的setUser中,因為actions里定義的userLogin方法是供用戶登錄時調用的，所以在userLogin.vue中也要使用userLogin方法。

總結

以上所述是小編給大家介紹的vue生成token并保存到本地存儲中，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對512筆記網站的支持！

注：關于vue生成token并保存到本地存儲中的內容就先介紹到這里，更多相關文章的可以留意512筆記的其他信息。

關鍵詞：vue.js

總結

以上是生活随笔為你收集整理的html5 js保存token,vue生成token并保存到本地存储中的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。