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