vue中如何生成token并保存到本地存储
发表于:2024-10-01 作者:千家信息网编辑
千家信息网最后更新 2024年10月01日,本文小编为大家详细介绍"vue中如何生成token并保存到本地存储",内容详细,步骤清晰,细节处理妥当,希望这篇"vue中如何生成token并保存到本地存储"文章能帮助大家解决疑惑,下面跟着小编的思路
千家信息网最后更新 2024年10月01日vue中如何生成token并保存到本地存储
本文小编为大家详细介绍"vue中如何生成token并保存到本地存储",内容详细,步骤清晰,细节处理妥当,希望这篇"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-originheader("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并保存到本地存储"文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注行业资讯频道。
生成
存储
后台
文章
方法
用户
内容
前台
就是
数据
服务器
部分
服务
认证
妥当
重要
成功
三大
代码
前端
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
三亚软件开发有限公司
供电局内部网络安全保卫工作
5000人在线游戏服务器多少钱
共享汽车软件开发
数据库一张表就是一个实体吗
电机学课件软件开发
在数据库中找出性别为男的数据
流媒体服务器硬件
服务器高级管理试题
潍坊量化积分管理软件开发电话
浙江明讯网络技术有限公司吧
四川视频服务器供应商
淮南市网络安全事业单位
一流网络安全有限公司
数据库系统的基本组成部分
泸州网络技术怎么样
福建服务器租赁虚拟主机
肇庆诚协网络技术
华为表盘一直提示服务器异常
网络安全法宣传问题
MFC读写oracle数据库
中国兽医网数据库
网络安全法带来什么影响
甘肃网络安全培训
孩子网络安全防范知识
数据库source指令
安全检测装置是服务器吗
分割数据库 sqlite
泸州纵横网络技术有限公司招聘
互联网软件开发运营是做什么