资讯专栏INFORMATION COLUMN

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

mylxsw / 2377人阅读

摘要:首先回顾一下认证是的一个很重要的部分,通过认证和设置,后端会有一个接口传给前台其实就是向用户表里去生成一个这里的相当于用户名,相当于密码,这样后台会生成一个我们需要把这个保存到客户端中。

首先回顾一下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方法。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/29074.html

相关文章

  • Vue+Koa+Mongodb 小练习

    摘要:小练习作者本文首发博客功能基于进行登录,注册,留言的简单网站。所以这个小练习,从一个简单的方面入手,希望能给踩过同样多坑的同路人一点启发。就意味着要重新登录。的作用是进行进程守护,当你的意外的停止的时候,进行重启。 Vue+Koa+Mongodb 小练习 作者: Pawn 本文首发: Pawn博客 功能: 基于vue koa mongodb进行登录,注册,留言的简单网站。 体验地址: ...

    赵春朋 评论0 收藏0
  • Nuxt.js服务端渲染实践,从开发部署

    摘要:感悟经过几个周六周日的尝试,终于解决了服务端渲染中的常见问题,当不在是问题的时候,或许才是我们搞前端的真正的春天,其中也遇到了一些小坑,官方还是很给力的,提后很积极的给予帮助,再次感谢的开发团队。 感悟 经过几个周六周日的尝试,终于解决了服务端渲染中的常见问题,当SEO不在是问题的时候,或许才是我们搞前端的真正的春天,其中也遇到了一些小坑,Nuxt.js官方还是很给力的,提issue后...

    weij 评论0 收藏0
  • 聊聊毕业设计系列 --- 系统实现

    摘要:七牛云接入本系统的图片,音视频是放在七牛云,所以需要接入七牛云。在服务端通过接口请求来获取七牛云上传,客户端获取到七牛云,通过不同方案将带上。 效果展示 showImg(https://user-gold-cdn.xitu.io/2018/8/26/16576a709bd02f5f?w=1409&h=521&f=gif&s=30128195); showImg(https://user...

    null1145 评论0 收藏0
  • 聊聊毕业设计系列 --- 系统实现

    摘要:七牛云接入本系统的图片,音视频是放在七牛云,所以需要接入七牛云。在服务端通过接口请求来获取七牛云上传,客户端获取到七牛云,通过不同方案将带上。 效果展示 showImg(https://user-gold-cdn.xitu.io/2018/8/26/16576a709bd02f5f?w=1409&h=521&f=gif&s=30128195); showImg(https://user...

    qpal 评论0 收藏0

发表评论

0条评论

mylxsw

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<