tsepen
@tsepen
Frontend developer

Как отправить кроссдоменный запрос Axios?

Отправляю запрос
const config = {
  withCredentials: true,
};

const get = (url, options = {}) => axios.get(`${API_URL}/${url}`, { ...options, ...config });;


Получаю ошибку
Access to XMLHttpRequest at '<API domain>' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.


Как пофиксить?
  • Вопрос задан
  • 14449 просмотров
Решения вопроса 1
rockon404
@rockon404
Frontend Developer
Надо на сервере добавить заголовки:
'Access-Control-Allow-Origin': '*' // * или ваш домен
'Access-Control-Allow-Methods': 'GET, PUT, POST, DELETE'
'Access-Control-Allow-Headers': 'Origin, X-Requested-With, Content-Type, Accept'

Если не собираетесь устанавливать cookie с сервера, то свойство withCredentials передавать не надо.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы