Тот же вопрос на 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}
}