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)文章
Vue2使用TailwindCSS方法及遇到問(wèn)題小結(jié)
Tailwind CSS是一個(gè)全新的、可定制的CSS框架,它提供了一系列的CSS類,用于構(gòu)建現(xiàn)代化的Web界面,這篇文章主要介紹了Vue2使用TailwindCSS方法及遇到問(wèn)題小結(jié),需要的朋友可以參考下2024-03-03
本文主要介紹了Vue3 defineComponent作用，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
這篇文章主要介紹了el-table如何添加loading效果問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-08-08
Element的el-tree控件后臺(tái)數(shù)據(jù)結(jié)構(gòu)的生成以及方法的抽取
這篇文章主要介紹了Element的el-tree控件后臺(tái)數(shù)據(jù)結(jié)構(gòu)的生成以及方法的抽取，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03
這篇文章主要介紹了淺談vue的第一個(gè)commit分析，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06
這篇文章主要介紹了Vue高版本中一些新特性的使用,需要的朋友可以參考下2018-09-09
Vue引入并使用Element組件庫(kù)的兩種方式小結(jié)
本文主要介紹了Vue引入并使用Element組件庫(kù)的兩種方式小結(jié)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-01-01
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)抽屜彈窗效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11
Vue跨域請(qǐng)求問(wèn)題解決方案過(guò)程解析
這篇文章主要介紹了Vue跨域請(qǐng)求問(wèn)題解決方案過(guò)程解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-08-08
Vue實(shí)現(xiàn)定位并解決內(nèi)存泄漏
Vue.js?是一個(gè)流行且強(qiáng)大的?JavaScript?框架,它允許我們構(gòu)建動(dòng)態(tài)和交互式?Web?應(yīng)用程序,本文我們將深入探討?Vue.js?應(yīng)用程序中內(nèi)存泄漏的原因,并探索如何定位和修復(fù)這些問(wèn)題的有效策略,希望對(duì)大家有所幫助2023-09-09