Невозможно установить заголовки после того, как они отправлены клиенту ax ios next. js - PullRequest
1 голос
/ 14 февраля 2020

Тот же вопрос на GitHub - https://github.com/axios/axios/issues/2743

У меня есть Ax ios в моем проекте Next. js, и иногда я получаю сообщение об ошибке из-за перехватчику при возврате Promise.reject.

Ошибка: Невозможно установить заголовки после их отправки клиенту.

Я сталкиваюсь с этой проблемой, когда делаю запрос в getInitialProps. Это случается очень редко, когда я перезагружаю P C и снова открываю страницу.

Ax ios instance:

const instance = axios.create({
  baseURL: 'https://my-api.com',
  withCredentials: true,
  headers: {
    'X-Requested-With': 'XMLHttpRequest',
  },
})

instance.interceptors.response.use(undefined, error => {
  if (error.response.status === 401) {
    console.log("UNAUTHORIZED")
  }
  return Promise.reject(error) // <-- this cause the problem
})

Next. js Пример страницы:

const Index = ({myData}) => {
  return data.map(...)
}

Index.getInitialProps = async ({req}) => {
  let myData

  try {
    const res = await API.get('/my-request', {
      headers: req ? { cookie: req.headers.cookie } : undefined, //setting cookie
    })
    myData = res.data
  } catch (e) {}

  return {myData}
}

1 Ответ

0 голосов
/ 15 февраля 2020

Эта проблема исчезла, когда я обновил Ax ios 0.19.0 до 0.19.2 ¯_ (ツ) _ / ¯

...