vue生成token并保存到本地存储中
程序员文章站
2022-03-21 20:32:00
首先回顾一下token:
token认证是restful.api的一个很重要的部分,通过token认证和token设置,后端会有一个接口传给前台:
其实就是向用户表...
首先回顾一下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并保存到本地存储中,希望对大家有所帮助
上一篇: jQuery插件artDialog.js使用与关闭方法示例
下一篇: Appstore|IPA