当前位置： 移动技术网 > IT编程>脚本编程>vue.js > vue生成token并保存到本地存储中

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

2018年08月06日  | 移动技术网IT编程  | 我要评论

澳头租房,老鱼翁垂钓网,暴君的流氓小樱桃

首先回顾一下token:

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

其实就是向用户表里去生成一个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并保存到本地存储中，希望对大家有所帮助

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网