H5W3
当前位置:H5W3 > 问答 > 正文

封装的axios方法请求失败问题

登陆时候存了token。在登陆后,其他页面请求组件列表数据时候,携带token,但是只有首次请求能请求到组件的列表数据,后面刷新页面再通过created请求时,服务器返回无效token,状态码400
封装的axios方法请求失败问题


这是封装的代码。我发现,只要随便改下拦截器的内容(不管哪个拦截器,随便加点内容),又可以请求成功1次,

然后刷新页面再通过created请求还是失败,请问问题出在哪???

附图Request文件
封装的axios方法请求失败问题


附图Api文件
封装的axios方法请求失败问题


这是首次请求log
封装的axios方法请求失败问题


这是再次刷新后请求的log
封装的axios方法请求失败问题


奇怪,为什么只能请求一次。正常通过axios.get可以请求。

看看NetWork Headers
封装的axios方法请求失败问题
封装的axios方法请求失败问题


token是有的
封装的axios方法请求失败问题

先把请求拦截配置这里改下,然后再吧请求头截个图

service.interceptors.request.use(
config => {
config.headers['Authorization'] = window.sessionStorage.getItem('token');
return config;
}
)

后端的问题吧,把request.header贴出来

封装的axios方法请求失败问题

你的 Token 是哪一个环节写入 SessionStorage 的?发请求前一定会写入吗?

如果不是的话,写 SessionStorage 里可不刷新页面就没了么?

回答

本文地址:H5W3 » 封装的axios方法请求失败问题

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址