当前位置: 首页 > 后端技术 > PHP

vue开发--生成token并保存在本地存储

时间:2023-03-30 00:34:44 PHP

先回顾一下token:token认证是RESTFUL.api中很重要的一个部分,通过token认证和token设置,后端会有一个接口到前端:http://localhost/yiiserver/web/index.php/token?client_appid=aaa&client_appkey=bbb其实就是从user表生成一个token。这里的client_id相当于用户名,client_key相当于密码,这样后台会生成一个client_token,我们需要把这个token保存到客户端。前端资源一般放在另外一台服务器,所以后台需要进行跨域操作,在php代码中加入头文件//就是我们常用的access-control-allow-originheader("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、action三部分。我们在actions中定义一个userLogin方法,发送http请求后端服务器数据,返回存储在mutations中的响应数据。在setUser中,因为在用户登录时会调用actions中定义的userLogin方法,所以在userLogin.vue中也应该使用userLogin方法。