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方法。