CORS не работает в Chrome

Я решил свою проблему следующим образом:

Добавьте это в свой PHP-код:

header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Credentials: true ");
header("Access-Control-Allow-Methods: OPTIONS, GET, POST");
header("Access-Control-Allow-Headers: Content-Type, Depth, User-Agent, X-File-Size, X-Requested-With, If-Modified-Since, X-File-Name, Cache-Control");

Или добавьте эти заголовки в свой ответ.

Проблема: браузеры запрашивают у сервера параметры перед вашим основным запросом, чтобы проверить, есть ли на сайте возможность разрешить общение с другим источником, а затем, если да, они выполняют ваш запрос POST или GET.

EDIT: Попробуйте это (без взлома), чтобы увидеть, получаете ли вы данные...

$.ajax({ url : crossOriginURL,
    type : "GET",
    error : function(req, message) {
        alert(message);
    },
    success : function(data) {
        alert(data);
    },
    dataType :  "text"} );

что, наконец, сработало для меня, так это xhr.setRequestHeader('Content-Type', 'text/plain');

EDIT: сервер должен добавить Access-Control-Allow-Headers: Content-Type, чтобы избежать этой проблемы.

Я возвращаюсь к своему собственному вопросу десять лет спустя. Я не знаю, хорошо это или ужасно.

Похоже, что оригинальный постер, возможно, решил свою проблему, но для тех, у кого такая же проблема, как у комментатора Элизабет, я полагаю, что проблема может заключаться в том, что Chrome отказывается устанавливать заголовок Origin для запроса CORS, если вы выполняете запрос из локальный файл. Он даже не позволит вам явно переопределить заголовок Origin. Это приводит к тому, что сервер видит «Происхождение: ноль», что в большинстве случаев приводит к ошибке 403. Firefox, по-видимому, не имеет такого ограничения, как я обнаружил после долгих выдергиваний.

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

Убедитесь, что вы не настроили сервер как на разрешение учетных данных, так и на то, что заголовок разрешения источника имеет значение *. Как показано ниже:

Access-Control-Allow-Origin: *
Access-Control-Allow-Credentials: true

Если ваш сервер возвращает эти значения для этих заголовков, это не сработает. Если вы установите Access-Control-Allow-Credentials в true, то вы не сможете использовать * как значение заголовка Access-Control-Allow-Origin. Ниже приведена выдержка из веб-документов MDN для заголовка (https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Allow-Origin):

For requests without credentials, the literal value "*" can be specified, as a wildcard; 
the value tells browsers to allow requesting code from any origin to access the resource. 
Attempting to use the wildcard with credentials will result in an error.

Если это так, просто установите Access-Control-Allow-Credentials на false.

Access-Control-Allow-Origin: *
Access-Control-Allow-Credentials: false

использованная литература

• https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS/Errors/CORSNotSupportingCredentials
• https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Allow-Origin

Когда я обновил хром, я столкнулся с проблемой, я решил новую версию Google Extension «Access-Control-Allow-Credentials». если это старая версия, вам не нужно будет работать с новой версией Google Chrome

https://chrome.google.com/webstore/detail/access-control-allow-cred/hmcjjmkppmkpobeokkhgkecjlaobjldi?hl=en

На самом деле у нас есть два домена: один для информационной панели dashboard.app.com, а другой — для общедоступного веб-сайта app.com. Запрос исходил с общедоступного веб-сайта, а маршрутизация PHP перенаправляла на домен панели инструментов, поэтому мы получили ошибку. Решение состояло в том, чтобы оставить все запросы в одном домене без перенаправлений.

В моем случае это localhost:8001 (внешний интерфейс), который пытается вызвать API-интерфейсы на localhost:7001 (на server.js в качестве сервера Node). Даже у меня был установлен и включен плагин CORS в Chrome, но политика CORS отклоняла их как предварительные проверки.

Мне потребовалось больше половины дня, чтобы окончательно решить проблему. Вот "глупые" шаги, хотите верьте, хотите нет:

я. Выключите плагин CORS, перезагрузите приложение, в это время вы все равно должны получать правильные ошибки.

II. Включите его снова, перезагрузите приложение, если API работают успешно, остановитесь на этом, нет необходимости переходить к iii.

III. Однако, если вы по-прежнему получаете отказ CORS, удалите Chrome и установите последнюю версию Chrome.

IV. В новом Chrome ранее установленный плагин CORS все еще должен быть там, но со статусом OFF.

v. Перезагрузите страницу, вы должны получить правильные сообщения об отклонении CORS на консоли.

ви. Включите его обратно, перезагрузите страницу, ошибки должны исчезнуть.

Никаких дальнейших идей, если описанные выше шаги все еще не работают в вашем случае.

Я также пробовал следующее на server.js (Node) и все еще не работает, поэтому не стоит пытаться:

var app = express();
var cors = require('cors'); // Already done “npm i cors --save-dev”
app.options('*', cors());

CORS будет работать в хроме. Просто используйте Chrome в безопасном режиме, то есть отключите настройки безопасности. Погуглите об этом, или вы даже можете начать из командной строки.