餐馆微信小程序_vue生成token并保存到本地存储中

发布时间:2021-01-08 14:02 作者:jianzhan

摘要: vue转化成token并储存到当地储存中 本文关键详细介绍了vue转化成token并储存到当地储存中,文中给大伙儿详细介绍的十分详尽,具备一定的参照效仿使用价值,必须的朋友能够参照下

vue生成token并保存到本地存储中       这篇文章主要介绍了vue生成token并保存到本地存储中,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下

首先回顾一下token:

token认证是RESTFUL.api的一个很重要的部分,通过token认证和token设置,后端会有一个接口传给前台:

其实就是向用户表里去生成一个token

这里的client_id相当于用户名,client_key相当于密码,这样后台会生成一个client_token,我们需要把这个token保存到客户端中。

前端的资源一般放在另外的服务器中,这样后台需要进行进行跨域操作,在php代码中增加头文件

//ess-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并保存到本地存储中,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对凡科网站的支持!


  • 新零售大佬混战,生鲜食

    “舍命狂奔”的盒马鲜生鲜生鲜食品生踩下了刹车踏板脚踏板。4月30日,盒马鲜生鲜生鲜食品生发布关闭昆山市市新城区区吾悦大城市城市广场店,它是不断在全国性性得出150家门口口

  • 手机微信微信小程序系统

    发现不但跳一跳手机游戏可以马上改为绩,甚至连手机上手机微信手机微信微信小程序、手机游戏的源代码都可以以以马上完全免费免费下载,只务必掌握 appid 和 版本号号号,即可以马

  • 淘宝网代运营公司可靠吗

    模拟题目:淘宝网网代运营公司企业靠谱吗,一个月多少钱钱? 电子器件商务接待淘宝网网代运营公司企业,比学习培训学习培训更加深受质疑呢,因为代运营公司企业中的伎俩的确是

  • 互连网电子商务经营如何

    模拟题目:互联网电子器件商务接待运营怎样做 4互联网服务平台及5大运营方法分析 序言 移动互联网网网阶段,电子器件商务接待早就变为新阶段营销推广营销推广的规范配备,原文中

  • 怎样打造出爆品手机微信

    序言:手机微信微信小程序开发设计设计方案如火如荼,每天全是有不计入其数的手机微信微信小程序发布公布。如何才能够在众多的手机微信微信小程序抽出类拔萃,打造出出出爆款