vue生成token并保存到本地存储中
更新时间：2018年07月17日 11:11:30 作者：雨梦迟歌
这篇文章主要介绍了vue生成token并保存到本地存储中,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
首先回顾一下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");
这样操作就可以成功实现后台跨域。
前台项目使用的是vuex来进行状态管理，分为state、mutations、actions三大部分，我们在actions里定义一个userLogin方法，发送http用来请求后端服务器数据，返回的响应数据保存在mutations里的setUser中,因为actions里定义的userLogin方法是供用户登录时调用的，所以在userLogin.vue中也要使用userLogin方法。
总结
以上所述是小编给大家介绍的vue生成token并保存到本地存储中，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
Pure admin-Router标签页配置与页面持久化实现方法详解
这篇文章主要介绍了Pure admin-Router标签页配置与页面持久化实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习吧2023-01-01
vue+element下日期组件momentjs转换赋值问题解决
这篇文章主要介绍了vue+element下日期组件momentjs转换赋值问题,记录下使用momentjs转换日期字符串赋值给element的日期组件报错问题，需要的朋友可以参考下2024-02-02
这篇文章主要为大家详细介绍了Vue+canvas实现视频截图功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
在前端开发中，经常会遇到一些通过遍历循环来获取想要的内容的情形，这时候就需要用到forEach()了，下面这篇文章主要给大家介绍了关于Vue必学知识点之forEach()使用的相关资料，需要的朋友可以参考下2021-05-05
Electron也可以快速地将你的网站打包成一个原生应用发布,下面这篇文章主要给大家介绍了关于Vue和React中快速使用Electron的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下2022-05-05
这篇文章主要介绍了vue如何通过日期筛选数据，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-05-05
屏幕录制和直播推流是现代Web应用中常用的功能,Vue作为一种流行的JavaScript框架,提供了一些工具和库,可以方便地实现屏幕录制和直播推流功能,本文将介绍如何在Vue中进行屏幕录制和直播推流,需要的朋友可以参考下2024-01-01
这篇文章主要介绍了vuex 如何动态引入 store modules，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-03-03
router-view组件作为vue最核心的路由管理组件，在项目中作为路由管理经常被使用到，所以下面小编就来和大家详细聊聊router-view组件的具体使用方法，希望对大家有所帮助2023-06-06
本文主要介绍了vue中el表单的简单查询方法,主要包括表单页面根据groupid 、type 、errortype进行数据过滤,感兴趣的可以了解一下2023-10-10
最新评论