@Novichok45

Как решить проблему CORS при запросе axios к OpenServer?

Всем привет.
Хочу сделать запрос из react приложения в openServer, и столкнулся с проблемой CORS:
Вот так все работает
вот мой запрос:
axios.post("auth/test.php", {"name": "Alex"});

вот php файл к которому я обращаюсь:
<?php
echo 'Hello';

но если я начинаю обращаться к переменным из $_POST - получаю ошибку CORS
<?php
$name = $_POST['name'];
echo $name;

Нашел в нете решение. Необходимо добавить в php файл заголовки:
header('Content-Type: application/json');
header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: GET, POST, OPTIONS');
header('Access-Control-Allow-Headers: Content-Type');
header('Access-Control-Allow-Credentials: true');
или так
header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Headers: *');
header('Access-Control-Allow-Methods: *');
header('Access-Control-Allow-Credentials: true');
header('Content-type: json/application');
или так
header('Access-Control-Allow-Origin': '*');
header('Access-Control-Allow-Methods': 'GET, PUT, POST, DELETE');
header('Access-Control-Allow-Headers': 'Origin, X-Requested-With, Content-Type, Accept');
Ничего не меняется.
Как это можно исправить?
  • Вопрос задан
  • 602 просмотра
Пригласить эксперта
Ответы на вопрос 1
Все зависит от того, как вы будете деплоить ваше API на продакшн
Если в жизни они будут на одном домене, то не обязательно играться с корсом. Можно просто настроить API proxy на вебпаке
https://webpack.js.org/configuration/dev-server/#d...
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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