从品牌网站建设到网络营销策划,从策略到执行的一站式服务
这篇文章给大家介绍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方法。
关于vue中怎么生成token并保存到本地存储就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图