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代码增加文件

rush:js;"> //就是我们常用的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并保存到本地存储中。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

相关文章

可以通过min-width属性来设置el-table-column的最小宽度。以...
yarn dev,当文件变动后,会自动重启。 yanr start不会自动重...
ref 用于创建一个对值的响应式引用。这个值可以是原始值(如...
通过修改 getWK005 函数来实现这一点。这里的 query 参数就是...
<el-form-item label="入库类型" ...
API 变动 样式类名变化: 一些组件的样式类名有所变动,可能需...