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

这篇文章主要为大家详细介绍了vue生成token并保存到本地存储中，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随512笔记的小编两巴掌来看看吧！

首先回顾一下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并保存到本地存储中，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对512笔记网站的支持！

注：关于vue生成token并保存到本地存储中的内容就先介绍到这里，更多相关文章的可以留意512笔记的其他信息。

关键词：vue.js

html5 js保存token,vue生成token并保存到本地存储中相关推荐

JSON Web Token (JWT)生成Token及解密实战
转载自 JSON Web Token (JWT)生成Token及解密实战昨天讲解了JWT的介绍.应用场景.优点及注意事项等,今天来个JWT具体的使用实践吧. 从JWT官网支持的类库来看,jjwt是J ...
vue项目token放在哪里_vue开发--生成token并保存到本地存储中
首先回顾一下token: token认证是RESTFUL.api的一个很重要的部分,通过token认证和token设置,后端会有一个接口传给前台: http://localhost/yiiserver ...
jwt 私钥_JSON Web Token (JWT)生成Token及解密实战。
昨天讲解了JWT的介绍.应用场景.优点及注意事项等,今天来个JWT具体的使用实践吧. 从JWT官网支持的类库来看,jjwt是Java支持的算法中最全的,推荐使用,网址如下. 下面来看看如何使用jjwt ...
简单介绍vue获取token实现token登录的示例代码
最近新做了个vue项目,正好项目中有登录部分,本文就详细的介绍一下登录部分的实现,文中通过示例代码介绍的非常详细,感兴趣的小伙伴们可以参考一下使用token做登录验证的思路大致如下: 1.在第一次登 ...
手动生成token_生成 Token
# 生成 Token Token 是一种动态密钥,通过 AppKey.AppSecret.用户名.有效时间戳等参数生成,安全性较高.在正式生产环境等对安全要求较高的场景中,我们推荐使用 Token 鉴 ...
tp5 JWT生成token验证接口安全、防止高频请求
1.composer安装 jwt composer require lcobucci/jwt 3.3 2.在extend/tools/jwt目录下创建Token.php文件注意 extend目录下t ...
JS9day(BOM对象模型,setTimeout定时器，JS单线程执行机制，location对象，swiper插件，localStorage本地存储，购物车案例升级版，学习信息案例（本地存储）)
文章目录 BOM简介定时器-延时函数 5秒关闭广告案例递归模拟setInterval函数两种定时器对比 JS 执行机制 location对象 navigator对象 histroy对象(了解) ...
HTML5 学习笔记（三）——本地存储(LocalStorage、SessionStorage、Web SQL Database)
一.HTML4客户端存储 B/S架构的应用大量的信息存储在服务器端,客户端通过请求响应的方式从服务器获得数据,这样集中存储也会给服务器带来相应的压力,有些数据可以直接存储在客户端,传统的Web技术中会 ...
html5 --- 利用localStorage进行本地存储
首先做一个提交到本地存储的表单及一个用来显示本地localStorage信息的表格-代码如下: <h2> 本地存储用 </h2>标题: <input id="t ...

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

html5 js保存token,vue生成token并保存到本地存储中相关推荐

最新文章

热门文章