vue生成token并保存到本地存储中


Posted in Javascript onJuly 17, 2018

首先回顾一下token:

token认证是RESTFUL.api的一个很重要的部分,通过token认证和token设置,后端会有一个接口传给前台:

http://localhost/yiiserver/web/index.php/token?client_appid=aaa&client_appkey=bbb

其实就是向用户表里去生成一个token

vue生成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");

这样操作就可以成功实现后台跨域。

前台项目使用的是vuex来进行状态管理,分为state、mutations、actions三大部分,我们在actions里定义一个userLogin方法,发送http用来请求后端服务器数据,返回的响应数据保存在mutations里的setUser中,因为actions里定义的userLogin方法是供用户登录时调用的,所以在userLogin.vue中也要使用userLogin方法。

总结

以上所述是小编给大家介绍的vue生成token并保存到本地存储中,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
基于jsTree的无限级树JSON数据的转换代码
Jul 27 Javascript
jQuery 下拉列表 二级联动插件分享
Mar 29 Javascript
动态的绑定事件addEventListener方法的使用
Jan 24 Javascript
js弹出div并显示遮罩层
Feb 12 Javascript
js实现select组件的选择输入过滤代码
Oct 14 Javascript
Bootstrap carousel轮转图的使用实例详解
May 17 Javascript
基于Bootstrap漂亮简洁的CSS3价格表(附源码下载)
Feb 28 Javascript
ES6中Iterator与for..of..遍历用法分析
Mar 31 Javascript
Vue利用路由钩子token过期后跳转到登录页的实例
Oct 26 Javascript
Angular6笔记之封装http的示例代码
Jul 27 Javascript
Vue.js 中的 v-show 指令及用法详解
Nov 19 Javascript
微信小程序使用npm包的方法步骤
Aug 13 Javascript
vue脚手架搭建项目的兼容性配置详解
Jul 17 #Javascript
使用svg实现动态时钟效果
Jul 17 #Javascript
详解.vue文件中style标签的几个标识符
Jul 17 #Javascript
webstrom Debug 调试vue项目的方法步骤
Jul 17 #Javascript
vue实现未登录跳转到登录页面的方法
Jul 17 #Javascript
打通前后端构建一个Vue+Express的开发环境
Jul 17 #Javascript
详解如何从零开始搭建Express+Vue开发环境
Jul 17 #Javascript
You might like
DC动画很好看?新作烂得令人发指,名叫《红色之子》
2020/04/09 欧美动漫
php基础知识:类与对象(2) 自动加载对象
2006/12/13 PHP
php实现在线生成条形码示例分享(条形码生成器)
2013/12/30 PHP
详解laravel安装使用Passport(Api认证)
2018/07/27 PHP
如何解决PHP获取不到SESSION信息之一般情况
2019/10/10 PHP
PHP安全之register_globals的on和off的区别
2020/07/23 PHP
javascript下利用arguments实现string.format函数
2010/08/24 Javascript
JavaScript去掉空格的方法集合
2010/12/28 Javascript
Jquery知识点三 jquery表单对象操作
2011/01/17 Javascript
jquery获取div距离窗口和父级dv的距离示例
2013/10/10 Javascript
jQuery学习笔记之jQuery原型属性和方法
2014/06/09 Javascript
node.js [superAgent] 请求使用示例
2015/03/13 Javascript
JS实现控制表格行文本对齐的方法
2015/03/30 Javascript
javascript数据结构与算法之检索算法
2015/04/04 Javascript
arguments对象验证函数的参数是否合法
2015/06/26 Javascript
纯CSS3代码实现滑动开关效果
2015/08/19 Javascript
非常实用的12个jquery代码片段
2015/11/02 Javascript
JavaScript数据类型学习笔记分享
2016/09/01 Javascript
vue权限管理系统的实现代码
2019/01/17 Javascript
小程序hover-class点击态效果实现
2019/02/26 Javascript
微信小程序时间戳转日期的详解
2019/04/30 Javascript
react 原生实现头像滚动播放的示例
2020/04/21 Javascript
vue监听滚动事件的方法
2020/12/21 Vue.js
Django中的“惰性翻译”方法的相关使用
2015/07/27 Python
浅谈Python反射 & 单例模式
2019/03/21 Python
Python列表元素常见操作简单示例
2019/10/25 Python
jupyter notebook 使用过程中python莫名崩溃的原因及解决方式
2020/04/10 Python
实例讲解CSS3中Transform的perspective属性的用法
2016/04/22 HTML / CSS
HTML5超炫酷粒子效果的进度条的实现示例
2019/08/23 HTML / CSS
AmazeUI 等分网格的实现示例
2020/08/25 HTML / CSS
党政领导班子四风问题对照检查材料思想汇报
2014/10/02 职场文书
维稳工作情况汇报
2014/10/27 职场文书
拾金不昧感谢信范文
2015/01/21 职场文书
大学入学感言
2015/08/01 职场文书
python playwright 自动等待和断言详解
2021/11/27 Python
解析MySQL索引的作用
2022/03/03 MySQL