首先回顧一下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-originheader("Access-Control-Allow-Origin: *");header("Access-Control-Allow-Methods:GET,POST");header("Access-Control-Allow-Headers:X-Requeted-With,content-type,if-modified-since");

這樣操作就可以成功實現(xiàn)后臺跨域。

前臺項目使用的是vuex來進行狀態(tài)管理，分為state、mutations、actions三大部分，我們在actions里定義一個userLogin方法，發(fā)送http用來請求后端服務器數(shù)據(jù)，返回的響應數(shù)據(jù)保存在mutations里的setUser中,因為actions里定義的userLogin方法是供用戶登錄時調(diào)用的，所以在userLogin.vue中也要使用userLogin方法。

總結

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