Как исправить 'Доступ к XMLHttpRequest был заблокирован политикой CORS' Перенаправление не разрешено для предполетного запроса только один маршрут

Проблема связана с серверной частью, в нашем случае это Laravel, в вашем config / cors.php попробуйте использовать следующую конфигурацию:

'supportsCredentials' => true,
'allowedOrigins' => ['*'],
'allowedOriginsPatterns' => [],
'allowedHeaders' => ['*'],
'allowedMethods' => ['*'],
'exposedHeaders' => [],
'maxAge' => 0,

Или вы можете попробовать использовать этот код в верхней части public / index.php

Редактировать

header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: POST, GET, OPTIONS, PUT, DELETE');
header('Access-Control-Allow-Headers: Origin, Content-Type, Accept, Authorization, X- 
Request-With');

Вероятно, у вас есть некоторая неправильная конфигурация либо на стороне веб-сервера, либо на стороне Laravel. Возможно, вам поможет это решение: Почему мой веб-сервер nginx не обрабатывает шрифты ttf?.

Обратите особое внимание на метод OPTIONS, поскольку он включает поддержку предварительной проверки.

Отключение безопасности политики CORS:

1. Перейдите в расширение Google и найдите Allow-Control-Allow-Origin.
2. Теперь добавьте его в хром и включите.

3. Добавьте https: // localhost в его настройку, как на снимке экрана:

   

4. Теперь закройте весь браузер Chrome и откройте cmd. Затем запустите следующую команду:

   «C: \ Program Files (x86) \ Google \ Chrome \ Application \ chrome.exe» –-allow-file-access-from-files --disable-web-security --user-data-dir --disable-features = CrossSiteDocumentBlockingIfIsolating

   Если команда работает правильно, вы увидите следующее уведомление, как на скриншоте ниже:

   

   Если вы не видите уведомление, значит, команда не сработала. Поэтому вам следует проверить ссылку на каталог, указанную в команде, чтобы убедиться, что файл chrome.exe существует в этой ссылке на каталог. Если вы найдете файл chrome.exe, то после закрытия браузера Chrome вы должны проверить диспетчер задач, работает ли какая-либо другая служба Chrome в фоновом режиме. После закрытия всех служб команда должна работать должным образом.

Internet Explorer:

1. Чтобы отключить политику cors в Internet Explorer, перейдите на internet option > security > Internet и снимите флажок «Включить защищенный режим».

2. Затем нажмите на настраиваемый уровень и включите доступ к источникам данных в доменах. в разделе "Разное", как на изображении ниже. Следуйте тому же процессу для internet option > security > Local intranet.

   

Надеюсь, это решит вашу проблему.

Обработка cors (Cross-Origin Resource Sharing) на стороне сервера. Если вы пришли с конца laravel, значит, пакет barryvdh / laravel-cors поможет решить эту ошибку

url: https://packagist.org/packages/barryvdh/laravel-cors

Мы можем исправить это с помощью APP_URL, если вы используете его как базовый URL для запроса axios. Убедитесь, что корневой URL вашего браузера и APP_URL в .env совпадают.

Например, если вы запускаете приложение на «http://127.0.0.1:8000», тогда должно быть APP_URL = http://127.0.0.1:8000

И если вы запустите приложение на «http: // локальный: 8000», тогда должно быть APP_URL = http: // локальный: 8000

Надеюсь, это поможет! И это протестировано с laravel6.x

Проблема со стороны сервера. Если вы используете express js. Попробуйте установить пакет express cors на свой сервер.

npm install cors

В вашем app.js требуется cors.

var cors = require('cors')

Затем добавьте его в качестве промежуточного программного обеспечения в свое приложение.

app.use(cors())

После установки пакета вы не должны столкнуться с проблемой cors.

Проблема исходит из вашего приложения Vue.

Например: вы запрашиваете URL-адрес ниже:

https://example.com/api/methods/

И бэкэнд перенаправляет его на:

https://example.com/api/methods

Остерегайтесь косой черты в конце.

Отключение этого флага сработало для меня: хром: // флаги / # блокировать небезопасные-частные-сетевые-запросы

nelmio_cors:
    defaults:
        allow_origin: ["*"]
        allow_headers: ["*"]
        allow_methods: ["POST", "PUT", "GET", "DELETE", "OPTIONS"]
        max_age: 3600
        origin_regex: false
    paths:
        '^/': ~

добавить в nelmio_cors / packge / nelmio_cors