Ошибка подключения React и Yii2 — в запрошенном ресурсе отсутствует заголовок «Access-Control-Allow-Origin»

Я перепробовал миллион различных примеров, которые нашел в Интернете.

Но я все равно не могу :(

Вот мой REST-контроллер:

<?
namespace app\controllers\admiral_api;

use yii\rest\Controller;

class MainPageController extends Controller {

    public function actionIndex() {
        return 'test';
    }

}
?>

Я понял, что мне нужно включить этот «Access-Control-Allow-Origin» через фильтр CORS на стороне сервера с помощью Yii2. И это все еще не работает, независимо от того, что я пробовал.

Есть ли у вас примеры, которые работают для вас в этой ситуации? Спасибо!

Отвечает ли это на ваш вопрос? Заголовок CORS 'Access-Control-Allow-OrigCross-Origin Request Blocked yii2

— 11.12.2020 14:52

reactjs rest yii2

11.12.2020 14:35

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Массив зависимостей в React

Все о массиве Dependency и его связи с useEffect.

Компонент против элемента в ReactJS - секрет оптимизации производительности за счет повторного использования элементов

Проще говоря, компонент - это фабрика для создания элементов.

Руководство по использованию хука useEffect для методов жизненного цикла React

174

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вам нужно добавить Origin в метод поведения контроллера.

public function behaviors() {
        return [
            'corsFilter' => [
                'class' => \yii\filters\Cors::className(),
                'cors' => [
                    // restrict access to
                    'Origin' => (YII_ENV_PROD) ? [''] : ['http://localhost:3000', 'http://your.store.com'],
                    // Allow only POST and PUT methods
                    'Access-Control-Request-Method' => ['GET', 'HEAD', 'POST', 'PUT'],
                    // Allow only headers 'X-Wsse'
                    'Access-Control-Request-Headers' => ['X-Wsse', 'Content-Type'],
                    // Allow credentials (cookies, authorization headers, etc.) to be exposed to the browser
                    'Access-Control-Allow-Credentials' => true,
                    // Allow OPTIONS caching
                    'Access-Control-Max-Age' => 3600,
                    // Allow the X-Pagination-Current-Page header to be exposed to the browser.
                    'Access-Control-Expose-Headers' => ['X-Pagination-Current-Page'],
                ],
            ],
        ];
    }

12.12.2020 13:37

Другие вопросы по теме

Можно ли изменить встроенное поле ответа WordPress REST API?

Как аутентифицировать вызов REST в Firebase Auth REST API

ReactJS - метод не разрешен в JMeter, но работает в веб-браузере

Как вставить объекты домена в БД при запуске API

RESTful API HATEOAS

Есть ли способ создать подписку на любой или несколько типов событий с помощью Azure DevOps Rest API?

React - Как добавить локальные данные к данным из REST API?

Получение пользователей и групп, имеющих доступ к отчету Power BI, с помощью REST API

Шаблон CQRS: использование команды для внешнего вызова API

Настраиваемая подписка на уведомления DevOps через вызов REST

Ошибка подключения React и Yii2 — в запрошенном ресурсе отсутствует заголовок «Access-Control-Allow-Origin»

Ответы 1

Другие вопросы по теме

Похожие вопросы