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

这篇文章主要为大家详细介绍了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并保存到本地存储中，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对四海网网站的支持！

本文来自：http://www.q1010.com/184/5215-0.html

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

关键词：vue.js