即使承诺为 200，也无法从刷新令牌生成新的访问令牌

Question

我正在尝试从 refreshToken 生成新的 accessToken。使用 Oauth2 登录。我有这个代码：

  componentWillMount(){

    AsyncStorage.multiGet([USER_TOKEN, USER_REFRESH_TOKEN,USER_REMEMBERED]).then((data) => {
      console.log(data)
      const userRemembered = JSON.parse(data[2][1])
      console.log(userRemembered)
      const userAccessToken = data[0][1]
      console.log(userAccessToken)
      const userRefreshToken = data[1][1]
      console.log(userRefreshToken)


      if (!userAccessToken) {
        fetch("SOME_URL", {
          method: "POST",
          headers: {
            'Accept': 'application/json',
            'Content-Type': 'application/json'
          },
          body: JSON.stringify({
            refreshToken: userRefreshToken
          })
        })
        .then((response) => {response.json(); console.log(response)}) //this logs 200 
        .then(responseData => {
          console.log(responseData) //this logs undefined
        })
        .catch((error) => {
          console.log(error)
        })
      }
      else{
          this.setState({
            token:userAccessToken,
            refreshToken: userRefreshToken,
            isLoggedIn:userRemembered
          })
        console.log('token not expired')
        console.log(this.state);
        this.changeRoute(this.state)
      }
    })
  }

在 Insomnia 中对其进行测试时，一切正常，我能够从 refreshToken（我已使用 AsyncStorage 存储）生成 accessToken。

Answer 1

你忘了return

.then((response) => {console.log(response); return response.json(); })

如果箭头函数定义中有 {}，它会被插入为语句块。所以你需要手动return。 Docs.

(param1, param2, …, paramN) => { statements }

(param1, param2, …, paramN) => expression

// equivalent to: (param1, param2, …, paramN) => { return expression; }

即使承诺为 200，也无法从刷新令牌生成新的访问令牌

Can't generate new accessToken from refreshToken even though promise is 200

javascript

asynchronous

fetch

reactjs

react-native