vue開發(fā)--生成token并保存到本地存儲中

mylxsw 發(fā)布于2019-07-01 10:20 / 2376人閱讀

摘要：首先回顧一下認證是的一個很重要的部分，通過認證和設置，后端會有一個接口傳給前臺其實就是向用戶表里去生成一個這里的相當于用戶名，相當于密碼，這樣后臺會生成一個我們需要把這個保存到客戶端中。

首先回顧一下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");

這樣操作就可以成功實現(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方法。

云服務器 GPU云服務器保存網(wǎng)頁到本地 webrtc 保存到本地 asp 保存到本地 js保存數(shù)據(jù)到本地

文章版權歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/29074.html

Vue+Koa+Mongodb 小練習

摘要：小練習作者本文首發(fā)博客功能基于進行登錄，注冊，留言的簡單網(wǎng)站。所以這個小練習，從一個簡單的方面入手，希望能給踩過同樣多坑的同路人一點啟發(fā)。就意味著要重新登錄。的作用是進行進程守護，當你的意外的停止的時候，進行重啟。 Vue+Koa+Mongodb 小練習作者： Pawn 本文首發(fā)： Pawn博客功能：基于vue koa mongodb進行登錄，注冊，留言的簡單網(wǎng)站。體驗地址： ...

趙春朋 2019-06-26 17:51 評論0 收藏0
Nuxt.js服務端渲染實踐，從開發(fā)到部署

摘要：感悟經(jīng)過幾個周六周日的嘗試，終于解決了服務端渲染中的常見問題，當不在是問題的時候，或許才是我們搞前端的真正的春天，其中也遇到了一些小坑，官方還是很給力的，提后很積極的給予幫助，再次感謝的開發(fā)團隊。感悟經(jīng)過幾個周六周日的嘗試，終于解決了服務端渲染中的常見問題，當SEO不在是問題的時候，或許才是我們搞前端的真正的春天，其中也遇到了一些小坑，Nuxt.js官方還是很給力的，提issue后...

weij 2019-08-21 17:54 評論0 收藏0
聊聊畢業(yè)設計系列 --- 系統(tǒng)實現(xiàn)

摘要：七牛云接入本系統(tǒng)的圖片，音視頻是放在七牛云，所以需要接入七牛云。在服務端通過接口請求來獲取七牛云上傳，客戶端獲取到七牛云，通過不同方案將帶上。效果展示 showImg(https://user-gold-cdn.xitu.io/2018/8/26/16576a709bd02f5f?w=1409&h=521&f=gif&s=30128195); showImg(https://user...

null1145 2019-08-23 11:33 評論0 收藏0
聊聊畢業(yè)設計系列 --- 系統(tǒng)實現(xiàn)

摘要：七牛云接入本系統(tǒng)的圖片，音視頻是放在七牛云，所以需要接入七牛云。在服務端通過接口請求來獲取七牛云上傳，客戶端獲取到七牛云，通過不同方案將帶上。效果展示 showImg(https://user-gold-cdn.xitu.io/2018/8/26/16576a709bd02f5f?w=1409&h=521&f=gif&s=30128195); showImg(https://user...

qpal 2019-06-26 17:48 評論0 收藏0