Day11-尚品汇-用户登录携带token获取用户信息

复习之前的知识:

 

 1.在api文件夹里面:

2.在store仓库里面

3.在home组件里面写代码:

1----2-----3---的效果图:

 1--2---3---的网络请求:

说白了,你没有携带token,你现在仅仅带了uuid,没有带token服务器会认为你没有登录。你拿不到用户信息。 

4.去找到请求拦截器去解决问题。让服务器知道我登录了(我要token传递过去才好。)

1》在api文件夹下的ajax.js里面:

2》进行登录看看其仓库的数据有没有: 

 3》看一下网络请求里面有没有token:

5.仓库把token存起来。

1》看一下用户的信息格式:

2》在store仓库的user里面:

 3》观察登录之后的结果:

 3》里面可以拿到用户的信息数据

实现了我的终极目标可以修改header组件里面的结构了哈【我仓库里面有用户信息了】

在登录之后拿到的数据里面看看我们需要什么数据:

图示如下:

 1.在compontents文件夹下的header组件里面

效果图展示:

出现一个新问题: 

第一画面:登录有用户信息了

 第二画面:我点击搜索框了

第三画面:我点击刷新。

第四画面: 

分析问题:就是没有再次获取到用户的信息了 

因为没有带token了。

下节继续卷。。。 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值