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 相关文章推荐
多广告投放代码 推荐
Nov 13 Javascript
extjs fckeditor集成代码
May 10 Javascript
文本框文本自动补全效果示例分享
Jan 19 Javascript
html文档中的location对象属性理解及常见的用法
Aug 13 Javascript
jquery向上向下取整适合分页查询
Sep 06 Javascript
JS实现网页表格自动变大缩小的方法
Mar 09 Javascript
jQuery实现的AJAX简单弹出层效果代码
Nov 26 Javascript
jQuery轮播图效果精简版完整示例
Sep 04 Javascript
微信小程序 生命周期函数详解
May 24 Javascript
jQuery实现的文字逐行向上间歇滚动效果示例
Sep 06 jQuery
微信小程序swiper组件实现抖音翻页切换视频功能的实例代码
Jun 24 Javascript
vue实现简单计算商品价格
Sep 14 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
收藏的一个php小偷的核心程序
2007/04/09 PHP
PHP chmod 函数与批量修改文件目录权限
2010/05/10 PHP
yii实现model添加默认值的方法(2种方法)
2016/01/06 PHP
php实现在线通讯录功能(附源码)
2016/05/13 PHP
zen cart实现订单中增加paypal中预留电话的方法
2016/07/12 PHP
微信公众号OAuth2.0网页授权问题浅析
2017/01/21 PHP
自定义Laravel (monolog)日志位置,并增加请求ID的实现
2019/10/17 PHP
判断js中各种数据的类型方法之typeof与0bject.prototype.toString讲解
2013/11/07 Javascript
封装的jquery翻页滚动(示例代码)
2013/11/18 Javascript
jQuery实现点击按钮弹出可关闭层的浮动层插件
2015/09/19 Javascript
微信小程序自定义对话框弹出和隐藏动画
2018/07/19 Javascript
超详细动手搭建一个VuePress 站点及开启PWA与自动部署的方法
2019/01/27 Javascript
简单了解小程序+node梳理登陆流程
2019/06/24 Javascript
[02:22]完美世界DOTA2联赛PWL S3 集锦第一期
2020/12/15 DOTA
Python GAE、Django导出Excel的方法
2008/11/24 Python
Python连接DB2数据库
2016/08/27 Python
python学生信息管理系统
2018/03/13 Python
pytorch: tensor类型的构建与相互转换实例
2018/07/26 Python
详解python 注释、变量、类型
2018/08/10 Python
使用memory_profiler监测python代码运行时内存消耗方法
2018/12/03 Python
python 实现读取一个excel多个sheet表并合并的方法
2019/02/12 Python
Python函数装饰器常见使用方法实例详解
2019/03/30 Python
pytorch自定义二值化网络层方式
2020/01/07 Python
南京迈特望C/C++面试题
2012/07/09 面试题
办公室岗位职责
2014/02/12 职场文书
环保小标语
2014/06/13 职场文书
园林专业毕业生自荐信
2014/07/04 职场文书
校园元旦活动总结
2014/07/09 职场文书
教师批评与自我批评心得体会
2014/10/16 职场文书
优秀共产党员推荐材料
2014/12/18 职场文书
2015年社区创卫工作总结
2015/04/21 职场文书
《秋天的雨》教学反思
2016/02/19 职场文书
《倍数和因数》教学反思
2016/02/23 职场文书
如何利用Matlab制作一款真正的拼图小游戏
2021/05/11 Python
go 实现简易端口扫描的示例
2021/05/22 Golang
django 认证类配置实现
2021/11/11 Python