Ошибка подключения 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. И это все еще не работает, независимо от того, что я пробовал.

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

🤔 А знаете ли вы, что...
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'],
                ],
            ],
        ];
    }