javascript - react使用fetch api获取到了jwt返回的token然后带上该token继续请求报错

问题描述

问 题

外层fetch获取到了token，里面的fetch报错，并且请求头里面没有传输的Authorization。

let token;

fetch('http://192.168.188.128:9080/user/login', {
  method: 'POST',
  headers: {
    Accept: 'application/json',
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({
    username: 'zhangjh',
    password: 123,
  }),
})
.then(res => res.json())
.then((json) => {
    token = json.token;
    fetch('http://192.168.188.128:9080/user/userid', {
      method: 'post',
      mode: 'no-cors',
      headers: {
        'Content-Type': 'application/x-www-form-urlencoded',
        Authorization: token,
      },
    })
    .then(res => res.json())
    .then((data) => {
        console.log(data);
      })
     .catch(err => console.log(err));
 })
 .catch(err => console.log(err));

解决方案

谢谢大家已解决，我的写法是没问题的，原因是后台把第二个请求的cors禁用了，然后是响应头Access-Control-Allow-Header没有包含Authorization，导致跨域请求不成功和请求头不通过两种错误。

这篇关于javascript - react使用fetch api获取到了jwt返回的token然后带上该token继续请求报错的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！