vue 登录后无法获取到Token

1,470 阅读1分钟

今天在做项目的时候出现一个问题就是,我在登录后将后台给我的Token保存到本地sessionStorage(经理不让用vuex),然后我在登录成功后会跳到一个用户列表页面。

问题:

跳转到用户列表页面后调用,用户数据列表接口,但是接口返回报错,状态码401,我查看了一下发现请求头里面木有我保存在本地的Token,但是F5刷新一下页面就可正常请求了(我的请求接口是用的axios封装的)

下图为登录成功后保存用户Token:

下图为请求接口是请求头带的用户Token:

但是当我进入到用户列表页面时,我打印请求头信息发现头信息是空的

无奈只能请教大哥,大哥帮我出了一种解决办法,就是在请求拦截器里面添加请求头信息,

大哥不是专门干前端的,但是每次都可以帮我解决问题,大哥说登录成功后重新初始化一下axios实例就好了 当然可能还有其他解决办法,我这里只是记录一下我这次解决的办法,

本文章仅以自己防止忘记而记录,不管是我还是其他人,当你看到这篇文章的时候说明你还在从事前端工作,或者在学习前端,所以不管以后遇到什么问题,和挫折,都不要忘记你敲代码的初衷