CORS Access-Control-Allow-Headers игнорируется?

119

У меня возникают проблемы с правильной работой междоменного запроса CORS в Chrome.

Заголовки запроса:

Accept:*/*
Accept-Charset:ISO-8859-1,utf-8;q=0.7,*;q=0.3
Accept-Encoding:gzip,deflate,sdch
Accept-Language:en-US,en;q=0.8
Access-Control-Request-Headers:origin, content-type
Access-Control-Request-Method:POST
Connection:keep-alive
User-Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8_2) AppleWebKit/537.4 (KHTML, like Gecko) Chrome/22.0.1229.94 Safari/537.4

Заголовки ответа:

Access-Control-Allow-Headers:*
Access-Control-Allow-Origin:*
Allow:GET, POST, OPTIONS
Content-Length:0
Date:Tue, 30 Oct 2012 20:04:28 GMT
Server:BaseHTTP/0.3 Python/2.7.3

Ошибка:

XMLHttpRequest cannot load domain. Request header field Content-Type is not allowed by Access-Control-Allow-Headers.

И код Python, обслуживающий запрос параметров, таков:

self.send_response(200)
self.send_header('Allow', 'GET, POST, OPTIONS')
self.send_header('Access-Control-Allow-Origin', '*')
self.send_header('Access-Control-Allow-Headers', '*')
self.send_header('Content-Length', '0')
self.end_headers()

Кажется, Access-Control-Allow-Originподстановочный знак игнорируется?

Бен Ривз
источник

Ответы:

186

Поддержка подстановочных знаков в Access-Control-Allow-Headersзаголовке была добавлена ​​к уровню жизни только в мае 2016 года, поэтому может поддерживаться не всеми браузерами. В браузере, в котором это еще не реализовано, должно быть точное совпадение: https://www.w3.org/TR/2014/REC-cors-20140116/#access-control-allow-headers-response-header

Если вы ожидаете большого количества заголовков, вы можете прочитать значение Access-Control-Request-Headersзаголовка и повторить это значение обратно в Access-Control-Allow-Headersзаголовке.

мосье
источник
55
resp.setHeader ("Access-Control-Allow-Headers", req.getHeader ("Access-Control-Request-Headers")); // разрешить любые заголовки
Сэм Барнум
3
На ruby, «если request.headers ['Access-Control-Request-Headers'], то заголовки ['Access-Control-Allow-Headers'] = request.headers ['Access-Control-Request-Headers'] end» выглядят неплохо для меня.
Цунео Йошиока
1
@monsur: в этом ответе указано, что теперь подстановочные знаки разрешены, по крайней мере, теоретически, поэтому я обновил ваш ответ, чтобы отразить это. Если вам не нравится мой стиль, смело редактируйте на свой вкус.
MvG 06
2
Предупреждение: вы можете столкнуться с проблемами, полагаясь на передачу значения Access-Control-Request-Headers, если вы также разрешите браузеру кэшировать предварительный ответ (с помощью Access-Control-Max-Age). Вы не знаете, что в первом запросе перечислены все заголовки последовательных запросов.
Саймон Эйсинг
2
@monokrome было бы здорово, если бы вы могли рассказать нам, как это может
повлиять
53

Эти заголовки CORS не поддерживаются *как значение, единственный способ - заменить *на это:

Accept, Accept-CH, Accept-Charset, Accept-Datetime, Accept-Encoding, Accept-Ext, Accept-Features, Accept-Language, Accept-Params, Accept-Ranges, Access-Control-Allow-Credentials, Access-Control-Allow-Headers, Access-Control-Allow-Methods, Access-Control-Allow-Origin, Access-Control-Expose-Headers, Access-Control-Max-Age, Access-Control-Request-Headers, Access-Control-Request-Method, Age, Allow, Alternates, Authentication-Info, Authorization, C-Ext, C-Man, C-Opt, C-PEP, C-PEP-Info, CONNECT, Cache-Control, Compliance, Connection, Content-Base, Content-Disposition, Content-Encoding, Content-ID, Content-Language, Content-Length, Content-Location, Content-MD5, Content-Range, Content-Script-Type, Content-Security-Policy, Content-Style-Type, Content-Transfer-Encoding, Content-Type, Content-Version, Cookie, Cost, DAV, DELETE, DNT, DPR, Date, Default-Style, Delta-Base, Depth, Derived-From, Destination, Differential-ID, Digest, ETag, Expect, Expires, Ext, From, GET, GetProfile, HEAD, HTTP-date, Host, IM, If, If-Match, If-Modified-Since, If-None-Match, If-Range, If-Unmodified-Since, Keep-Alive, Label, Last-Event-ID, Last-Modified, Link, Location, Lock-Token, MIME-Version, Man, Max-Forwards, Media-Range, Message-ID, Meter, Negotiate, Non-Compliance, OPTION, OPTIONS, OWS, Opt, Optional, Ordering-Type, Origin, Overwrite, P3P, PEP, PICS-Label, POST, PUT, Pep-Info, Permanent, Position, Pragma, ProfileObject, Protocol, Protocol-Query, Protocol-Request, Proxy-Authenticate, Proxy-Authentication-Info, Proxy-Authorization, Proxy-Features, Proxy-Instruction, Public, RWS, Range, Referer, Refresh, Resolution-Hint, Resolver-Location, Retry-After, Safe, Sec-Websocket-Extensions, Sec-Websocket-Key, Sec-Websocket-Origin, Sec-Websocket-Protocol, Sec-Websocket-Version, Security-Scheme, Server, Set-Cookie, Set-Cookie2, SetProfile, SoapAction, Status, Status-URI, Strict-Transport-Security, SubOK, Subst, Surrogate-Capability, Surrogate-Control, TCN, TE, TRACE, Timeout, Title, Trailer, Transfer-Encoding, UA-Color, UA-Media, UA-Pixels, UA-Resolution, UA-Windowpixels, URI, Upgrade, User-Agent, Variant-Vary, Vary, Version, Via, Viewport-Width, WWW-Authenticate, Want-Digest, Warning, Width, X-Content-Duration, X-Content-Security-Policy, X-Content-Type-Options, X-CustomHeader, X-DNSPrefetch-Control, X-Forwarded-For, X-Forwarded-Port, X-Forwarded-Proto, X-Frame-Options, X-Modified, X-OTHER, X-PING, X-PINGOTHER, X-Powered-By, X-Requested-With


.htaccess Пример (в комплекте CORS):

<IfModule mod_headers.c>
  Header unset Connection
  Header unset Time-Zone
  Header unset Keep-Alive
  Header unset Access-Control-Allow-Origin
  Header unset Access-Control-Allow-Headers
  Header unset Access-Control-Expose-Headers
  Header unset Access-Control-Allow-Methods
  Header unset Access-Control-Allow-Credentials

  Header set   Connection                         keep-alive
  Header set   Time-Zone                          "Asia/Jerusalem"
  Header set   Keep-Alive                         timeout=100,max=500
  Header set   Access-Control-Allow-Origin        "*"
  Header set   Access-Control-Allow-Headers       "Accept, Accept-CH, Accept-Charset, Accept-Datetime, Accept-Encoding, Accept-Ext, Accept-Features, Accept-Language, Accept-Params, Accept-Ranges, Access-Control-Allow-Credentials, Access-Control-Allow-Headers, Access-Control-Allow-Methods, Access-Control-Allow-Origin, Access-Control-Expose-Headers, Access-Control-Max-Age, Access-Control-Request-Headers, Access-Control-Request-Method, Age, Allow, Alternates, Authentication-Info, Authorization, C-Ext, C-Man, C-Opt, C-PEP, C-PEP-Info, CONNECT, Cache-Control, Compliance, Connection, Content-Base, Content-Disposition, Content-Encoding, Content-ID, Content-Language, Content-Length, Content-Location, Content-MD5, Content-Range, Content-Script-Type, Content-Security-Policy, Content-Style-Type, Content-Transfer-Encoding, Content-Type, Content-Version, Cookie, Cost, DAV, DELETE, DNT, DPR, Date, Default-Style, Delta-Base, Depth, Derived-From, Destination, Differential-ID, Digest, ETag, Expect, Expires, Ext, From, GET, GetProfile, HEAD, HTTP-date, Host, IM, If, If-Match, If-Modified-Since, If-None-Match, If-Range, If-Unmodified-Since, Keep-Alive, Label, Last-Event-ID, Last-Modified, Link, Location, Lock-Token, MIME-Version, Man, Max-Forwards, Media-Range, Message-ID, Meter, Negotiate, Non-Compliance, OPTION, OPTIONS, OWS, Opt, Optional, Ordering-Type, Origin, Overwrite, P3P, PEP, PICS-Label, POST, PUT, Pep-Info, Permanent, Position, Pragma, ProfileObject, Protocol, Protocol-Query, Protocol-Request, Proxy-Authenticate, Proxy-Authentication-Info, Proxy-Authorization, Proxy-Features, Proxy-Instruction, Public, RWS, Range, Referer, Refresh, Resolution-Hint, Resolver-Location, Retry-After, Safe, Sec-Websocket-Extensions, Sec-Websocket-Key, Sec-Websocket-Origin, Sec-Websocket-Protocol, Sec-Websocket-Version, Security-Scheme, Server, Set-Cookie, Set-Cookie2, SetProfile, SoapAction, Status, Status-URI, Strict-Transport-Security, SubOK, Subst, Surrogate-Capability, Surrogate-Control, TCN, TE, TRACE, Timeout, Title, Trailer, Transfer-Encoding, UA-Color, UA-Media, UA-Pixels, UA-Resolution, UA-Windowpixels, URI, Upgrade, User-Agent, Variant-Vary, Vary, Version, Via, Viewport-Width, WWW-Authenticate, Want-Digest, Warning, Width, X-Content-Duration, X-Content-Security-Policy, X-Content-Type-Options, X-CustomHeader, X-DNSPrefetch-Control, X-Forwarded-For, X-Forwarded-Port, X-Forwarded-Proto, X-Frame-Options, X-Modified, X-OTHER, X-PING, X-PINGOTHER, X-Powered-By, X-Requested-With"
  Header set   Access-Control-Expose-Headers      "Accept, Accept-CH, Accept-Charset, Accept-Datetime, Accept-Encoding, Accept-Ext, Accept-Features, Accept-Language, Accept-Params, Accept-Ranges, Access-Control-Allow-Credentials, Access-Control-Allow-Headers, Access-Control-Allow-Methods, Access-Control-Allow-Origin, Access-Control-Expose-Headers, Access-Control-Max-Age, Access-Control-Request-Headers, Access-Control-Request-Method, Age, Allow, Alternates, Authentication-Info, Authorization, C-Ext, C-Man, C-Opt, C-PEP, C-PEP-Info, CONNECT, Cache-Control, Compliance, Connection, Content-Base, Content-Disposition, Content-Encoding, Content-ID, Content-Language, Content-Length, Content-Location, Content-MD5, Content-Range, Content-Script-Type, Content-Security-Policy, Content-Style-Type, Content-Transfer-Encoding, Content-Type, Content-Version, Cookie, Cost, DAV, DELETE, DNT, DPR, Date, Default-Style, Delta-Base, Depth, Derived-From, Destination, Differential-ID, Digest, ETag, Expect, Expires, Ext, From, GET, GetProfile, HEAD, HTTP-date, Host, IM, If, If-Match, If-Modified-Since, If-None-Match, If-Range, If-Unmodified-Since, Keep-Alive, Label, Last-Event-ID, Last-Modified, Link, Location, Lock-Token, MIME-Version, Man, Max-Forwards, Media-Range, Message-ID, Meter, Negotiate, Non-Compliance, OPTION, OPTIONS, OWS, Opt, Optional, Ordering-Type, Origin, Overwrite, P3P, PEP, PICS-Label, POST, PUT, Pep-Info, Permanent, Position, Pragma, ProfileObject, Protocol, Protocol-Query, Protocol-Request, Proxy-Authenticate, Proxy-Authentication-Info, Proxy-Authorization, Proxy-Features, Proxy-Instruction, Public, RWS, Range, Referer, Refresh, Resolution-Hint, Resolver-Location, Retry-After, Safe, Sec-Websocket-Extensions, Sec-Websocket-Key, Sec-Websocket-Origin, Sec-Websocket-Protocol, Sec-Websocket-Version, Security-Scheme, Server, Set-Cookie, Set-Cookie2, SetProfile, SoapAction, Status, Status-URI, Strict-Transport-Security, SubOK, Subst, Surrogate-Capability, Surrogate-Control, TCN, TE, TRACE, Timeout, Title, Trailer, Transfer-Encoding, UA-Color, UA-Media, UA-Pixels, UA-Resolution, UA-Windowpixels, URI, Upgrade, User-Agent, Variant-Vary, Vary, Version, Via, Viewport-Width, WWW-Authenticate, Want-Digest, Warning, Width, X-Content-Duration, X-Content-Security-Policy, X-Content-Type-Options, X-CustomHeader, X-DNSPrefetch-Control, X-Forwarded-For, X-Forwarded-Port, X-Forwarded-Proto, X-Frame-Options, X-Modified, X-OTHER, X-PING, X-PINGOTHER, X-Powered-By, X-Requested-With"
  Header set   Access-Control-Allow-Methods       "CONNECT, DEBUG, DELETE, DONE, GET, HEAD, HTTP, HTTP/0.9, HTTP/1.0, HTTP/1.1, HTTP/2, OPTIONS, ORIGIN, ORIGINS, PATCH, POST, PUT, QUIC, REST, SESSION, SHOULD, SPDY, TRACE, TRACK"
  Header set   Access-Control-Allow-Credentials   "true"

  Header set DNT "0"
  Header set Accept-Ranges "bytes"
  Header set Vary "Accept-Encoding"
  Header set X-UA-Compatible "IE=edge,chrome=1"
  Header set X-Frame-Options "SAMEORIGIN"
  Header set X-Content-Type-Options "nosniff"
  Header set X-Xss-Protection "1; mode=block"
</IfModule>

ВОПРОСЫ-ОТВЕТЫ:

  • Почему Access-Control-Allow-Headers, Access-Control-Expose-Headers, Access-Control-Allow-Methodsзначение сверхдлинное?

    Они не поддерживают *синтаксис, поэтому я собрал наиболее распространенные (и экзотические) заголовки со всего Интернета в различных форматах # 1 # 2 # 3 (и я буду обновлять список время от времени)

  • Почему вы используете Header unset ______синтаксис?

    Серверы GoDaddy (на которых размещен мой веб-сайт ..) имеют странную ошибку, при которой, если заголовки уже установлены, предыдущее значение присоединяется к существующему .. (вместо того, чтобы заменять его). Таким образом, я "предварительно очищаю" существующие значения (на самом деле просто быстрое и грязное решение)

  • Насколько безопасно использовать "как есть"?

    Ну ... в основном ответ будет ДА, поскольку .htaccessзаголовки ограничиваются сценариями (PHP, HTML, ...) и ресурсами (.JPG, .JS, .CSS), обслуживаемыми из следующего местоположения "папки". При желании вы можете удалить Access-Control-Allow-Methodsлинии. Кроме того Connection, Time-Zone, Keep-Aliveи DNT, Accept-Ranges, Vary, X-UA-Compatible, X-Frame-Options, X-Content-Type-Optionsи X-Xss-Protectionэто только предложение , я использую для моего интернет-сервис .. не стесняйтесь , чтобы удалить их тоже ...

взято из моего комментария выше

Сообщество
источник
Это определенно спасло мне жизнь. Я использовал поставщика CDN с включенным CORS, а также разрешал его на своем веб-сайте, Access-Control-Allow-Origin "*"но ничего не работало, пока я не использовал это. Даже у провайдера CDN не было ответа для нас. Я запускаю сайт в Siteground , возможно, как GoDaddy , обязательно сначала все сбросить .
Игнасио Бустос
Отличный пост, его нужно поднять вверху страницы.
CommonKnowledge 06
1
В моем конкретном случае мне пришлось удалить из Access-Control-Allow-Methodsвсех этих методов: HTTP / 0.9, HTTP / 1.0, HTTP / 1.1, HTTP / 2
umbe1987
Является ли HTTP / 2 действительным «методом»? Обновление с HTTP / 1.1 до 2 работает так или как-то так? Если я посмотрю сюда: sookocheff.com/post/networking/how-does-http-2-work, то часть HTTP / ... должна занять третье место, а не первое, где размещен метод.
Хенк Полей,
Может быть, для поддержки HTTP / 2.0 нужно добавить метод PRI?
Хенк Полей
17

Я обнаружил, что это Access-Control-Allow-Headers: *должно быть установлено ТОЛЬКО для запроса OPTIONS. Если вы вернете его для запроса POST, браузер отменит запрос (по крайней мере, для Chrome)

Следующий код PHP работает для меня

// Allow CORS
if (isset($_SERVER['HTTP_ORIGIN'])) {
    header("Access-Control-Allow-Origin: {$_SERVER['HTTP_ORIGIN']}");
    header('Access-Control-Allow-Credentials: true');    
    header("Access-Control-Allow-Methods: GET, POST, OPTIONS"); 
}   
// Access-Control headers are received during OPTIONS requests
if ($_SERVER['REQUEST_METHOD'] == 'OPTIONS') {
    header("Access-Control-Allow-Headers: *");
}

Я нашел похожие вопросы с вводящим в заблуждение ответом:

  • Серверный поток говорит, что это двухлетняя ошибка хрома: Access-Control-Allow-Headersне совпадает с localhost. Это неправильно: я могу использовать CORS на моем локальном сервере с помощью Post в обычном режиме
  • Access-Control-Allow-Headersпринимает подстановочные знаки. Тоже неправильно, у меня работает подстановочный знак (тестировал только с Chrome)

У меня уходит полдня, чтобы разобраться в проблеме.

Удачного кодирования

greensuisse
источник
2
Подстановочный знак ("Access-Control-Allow-Headers: *") не работал у меня в Safari 7.0.4.
Цунео Йошиока
Я обнаружил, что настройка Access-Control-Allow-Headers работает для POST в Chrome версии 40.0.2214.111 m.
Дерек Грир
3
Это не кажется правильным ..... Спецификация не позволяет *на Access-Control-Allow-Headersдаже OPTIONS.
Pacerier
1

Цитата из монсура,

Заголовок Access-Control-Allow-Headers не допускает использования подстановочных знаков. Оно должно быть точным: http://www.w3.org/TR/cors/#access-control-allow-headers-response-header .

Итак, вот мое решение для php.

if ($_SERVER['REQUEST_METHOD'] == 'OPTIONS') {
  $headers=getallheaders();
  @$ACRH=$headers["Access-Control-Request-Headers"];
  header("Access-Control-Allow-Headers: $ACRH");
}
Джейсон Чанг
источник
1
Собственно, почему не простоheader('Access-Control-Allow-Headers: ' . $_SERVER['HTTP_ACCESS_CONTROL_ALLOW_HEADERS']);
Pacerier
0

вот заклинание для nginx, внутри

location / {
    # Simple requests
    if ($request_method ~* "(GET|POST)") {
      add_header "Access-Control-Allow-Origin"  *;
    }

    # Preflighted requests
    if ($request_method = OPTIONS ) {
      add_header "Access-Control-Allow-Origin"  *;
      add_header "Access-Control-Allow-Methods" "GET, POST, OPTIONS, HEAD";
      add_header "Access-Control-Allow-Headers" "Authorization, Origin, X-Requested-With, Content-Type, Accept";
    }

}
dcsan
источник