vue生成token并保存到本地存儲中
首先回顧一下token:
token認(rèn)證是RESTFUL.api的一個很重要的部分，通過token認(rèn)證和token設(shè)置，后端會有一個接口傳給前臺：
http://localhost/yiiserver/web/index.php/token?client_appid=aaa&client_appkey=bbb
其實就是向用戶表里去生成一個token
這里的client_id相當(dāng)于用戶名，client_key相當(dāng)于密碼，這樣后臺會生成一個client_token,我們需要把這個token保存到客戶端中。
前端的資源一般放在另外的服務(wù)器中，這樣后臺需要進行進行跨域操作，在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");
這樣操作就可以成功實現(xiàn)后臺跨域。
前臺項目使用的是vuex來進行狀態(tài)管理，分為state、mutations、actions三大部分，我們在actions里定義一個userLogin方法，發(fā)送http用來請求后端服務(wù)器數(shù)據(jù)，返回的響應(yīng)數(shù)據(jù)保存在mutations里的setUser中,因為actions里定義的userLogin方法是供用戶登錄時調(diào)用的，所以在userLogin.vue中也要使用userLogin方法。
總結(jié)
以上所述是小編給大家介紹的vue生成token并保存到本地存儲中，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要介紹了vue中保留字符串中的空格的解決方案，本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-06-06
對vue2.0中.vue文件頁面跳轉(zhuǎn)之.$router.push的用法詳解
今天小編就為大家分享一篇對vue2.0中.vue文件頁面跳轉(zhuǎn)之.$router.push的用法詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
Vue自定義過濾器格式化數(shù)字三位加一逗號實現(xiàn)代碼
這篇文章主要介紹了Vue自定義過濾器格式化數(shù)字三位加一逗號的實現(xiàn)代碼,需要的朋友可以參考下2018-03-03
Vue Element前端應(yīng)用開發(fā)之獲取后端數(shù)據(jù)
這篇文章主要介紹了Vue Element前端應(yīng)用開發(fā)之獲取后端數(shù)據(jù)，對vue感興趣的同學(xué)，可以參考下2021-05-05
最近在學(xué)習(xí)Vue的時候,正好學(xué)到了引入echarts圖表做數(shù)據(jù)統(tǒng)計的內(nèi)容,所以下面這篇文章主要給大家介紹了關(guān)于Vue使用Echarts圖表多次初始化報錯問題的解決方法,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-05-05
生命周期分為四個對子，根據(jù)不同的情況使用不同的函數(shù)，這篇文章主要為大家介紹了這些函數(shù)的使用與區(qū)別，感興趣的小伙伴可以了解一下2023-08-08
Vue中props組件和slot標(biāo)簽的區(qū)別
props?和?slot?在?Vue?中的作用略有不同，props?更多地用于父子組件之間的數(shù)據(jù)傳遞，而?slot?則更多地用于組件的復(fù)用和擴展。感興趣的同學(xué)可以參考閱讀2023-04-04
Vue中使用create-keyframe-animation與動畫鉤子完成復(fù)雜動畫
這篇文章主要介紹了Vue中使用create-keyframe-animation與動畫鉤子完成復(fù)雜動畫，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-04-04
這篇文章主要介紹了Vue3項目中引用TS語法的實例講解，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-05-05
這篇文章主要介紹了vant 中van-list的用法說明，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11