Почему axios в chrome отправляет 2 запроса?
подскажите пожалуйста, почему в приложении react запрос через axios отправляет 2 запроса, хотя метод вызывается 1 раз?
const axiosAuth = axios.create()
axiosAuth.interceptors.response.use((response) => {
return response
}, async (error) => {
const accessToken = localStorage.getItem('accessToken')
if (!accessToken) {
window.location.href = '/login'
return
}
let originalRequest = error.config
if (error.response.status === 401 && !originalRequest._retry) {
originalRequest._retry = true
try {
const responseUpdateToken = await axios.post<{
data: SuccessLogin
}>(`${process.env.REACT_APP_API_HOST}/auth/refresh-token`, {
accessToken
})
localStorage.setItem('accessToken', responseUpdateToken.data.data.accessToken)
originalRequest.headers['Authorization'] = 'Bearer ' + responseUpdateToken.data.data.accessToken
return axios(originalRequest)
} catch (e) {
if (typeof e === 'object' && e && Object.keys(e).includes('isAxiosError')) {
const axiosError = e as AxiosError
if (axiosError.response?.status === 400 || axiosError.response?.status === 404) {
localStorage.clear()
window.location.href = '/login'
return
}
}
return Promise.reject(e)
}
}
return Promise.reject(error)
})
async getProfile(): Promise<apiServiceCurrentUserResponse> {
try {
console.log("Request")
const response = await axiosAuth.get<{
data: CurrentUser
}>(`${process.env.REACT_APP_API_HOST}/user/current`)
console.log("Response")
return {
result: ApiResponseTypes.SUCCESS,
data: response.data.data
}
} catch (e) {
console.error('Error response API', e)
return {
result: ApiResponseTypes.SERVER_ERROR
}
}
}
Запросы отправляются одновременно, в network одинаковые параметры, как в header так и в body. Favicon в приложении есть. И это запрос не options.
При том что данный код в safari отправляет 1 запрос?