承诺不完成拒绝

Question

因此，我的表格具有以下功能：

const formSubmit = async (formData) => {
  const response = await SubmissionsResource.create(formData)
  const { data, status } = response
  console.log('Request completed.')
  if (status === 201) {
    toast.success('Submission created.')
  } else {
    toast.error('Something went wrong.')
    console.error(data)
  }
}

使用以下功能：使用以下

const SubmissionsResource = {
  create: ({ formData }) => (
    Request.privatePost(apiUrl('submissions'), formData)
  ),
}

内容：

export const Request = {
  privateRequest: ({ data, method, params, url }) => {
    axios.interceptors.request.use((request) => {
      request.headers.authorization = getBearerToken()
      return request
    }, (error) => Promise.reject(error))

    axios.interceptors.response.use(
      (response) => response,
      async (error) => {
        const originalRequest = error.config

        // If request is coming from a sign in attempt
        if (error.response.status === 401 && originalRequest.url.includes('auth/token')) {
          return Promise.reject(error)
        }

        // If request is coming from elsewhere, assume token might be expired
        if (error.response.status === 401 && !originalRequest._retry) {
          originalRequest._retry = true
          const refresh_token = LocalStorageService.getRefreshToken()
          const response = await axios.post(
            `${API_BASE}/oauth/token`,
            { client_id, client_secret, grant_type: 'refresh_token', refresh_token }
          )
          if (response.status === 200) {
            LocalStorageService.setUser(response.data)
            axios.defaults.headers.common.Authorization = getBearerToken()
            return axios(originalRequest)
          }
          return Promise.reject(error)
        }
        return Promise.reject(error)
      }
    )
    return axios({ method, url, data, params })
  },
  privatePost: (url, data) => (
    Request.privateRequest({ method: 'post', data, url })
  )
}

当响应成功时，我总是会看到“请求已完成”日志，并且我看到toast.success 消息。但是，当请求失败时，我从未看到“请求已完成”日志，也没有看到toast.error消息。

如果响应未经授权（401个状态代码），它成功地做到了，并且在所有其他情况下，都应拒绝承诺并返回错误，则Axios Interceptor应重试（401状态代码）。

request.privaterequest应拒绝承诺，然后将错误返回request.privatepost，该错误应返回到submissionsresource.create，然后最后返回到form ubmit。但是，它没有完成承诺并返回错误，而只是停止了整个函数，并且永远不会进入“请求已完成”日志。

我假设这是由于对我的承诺有不正确的理解，但我无法弄清楚那是什么。为什么未完成承诺并继续进入form ubmit中的下一行？

Answer 1

通过返回Promise.Reptect（），您是告诉Axios拒绝网络请求返回的承诺，但呼叫代码不会引起任何拒绝。

尝试尝试：

const formSubmit = async (formData) => {
  try {
    const response = await SubmissionsResource.create(formData)
    const { data, status } = response
    console.log('Request completed.');
    toast.success('Submission created.')
  } catch(error) {
    if (error.response.status === 401)
      toast.error('Bad news: 401.');
    else 
      toast.error('Some other kind of bad news.');
  }
}