1

При попытке выполнить запрос к серверу - заголовок не отправляется.

<!DOCTYPE html>
<head>
  <title>Devpage</title>
</head>
<body>
</body>
<script type="text/javascript">
  const myHeaders = new Headers();
  myHeaders.set('Authorization', 'Basic dXNlcjpwd2Q='); // user:pwd
  fetch(
    'http://tihonv.pythonanywhere.com/', {
      method: 'POST',
      mode: 'no-cors',
      headers: myHeaders,
    }).then((resp) => console.log(resp));
</script>

При отправке запроса - заголовки не отправляются.

Проверить можно отправив запрос сюда

1
  • Firefox 51.0.1 Chrome 56.0.2924.87 NodeJS 7.6.0
    – Tihon
    3 мар 2017 в 18:45

2 ответа 2

2

Вообще-то Authorization и no-cors — вещи взаимоисключающие. Вы сами запретили передавать логины-пароли, вот и не возмущайтесь теперь ;)

Чтобы передать-таки этот заголовок, надо всё-таки поставить mode: "cors".

В вашем случае, если вы всё это делаете в пределах одного сайта, этого должно быть достаточно, чтобы заголовок Autorization был передан.


Ниже рассматривается случай, когда сайт, который отправляет запрос, и сайт, который его принимает — разные сайты. Кроссдоменные запросы — более сложная штука. (example.com — сайт, на котором запускается fetch, yourserver.com — сайт, куда отправляется запрос)

При отправке такого кроссдоменного запроса браузер в первую очередь отправит OPTIONS-запрос серверу:

OPTIONS / HTTP/1.1
Host: yourserver.com
Origin: http://example.com
Access-Control-Request-Method: POST
Access-Control-Request-Headers: authorization

На это ваш сервер должен ответить, что он разрешает передавать вот это вот всё, причём разрешает это всё именно тому сайту, который отправляет запрос (Origin):

HTTP/1.1 200 OK
Access-Control-Allow-Headers: authorization
Access-Control-Allow-Origin: http://example.com
(альтернатива:) Access-Control-Allow-Origin: *

И только уже потом браузер, когда получит разрешение на отправку от сервера, отправит настоящий POST-запрос с этим несчастным Authorization:

POST / HTTP/1.1
Host: yourserver.com
Origin: http://example.com
Authorization: Basic dXNlcjpwd2Q=

И при ответе на POST-запрос yourserver.com всё ещё должен не забывать указывать, что он разрешает сайту example.com заниматься этим:

HTTP/1.1 200 OK
Access-Control-Allow-Origin: http://example.com
(альтернатива:) Access-Control-Allow-Origin: *

Если вы упустите хоть что-нибудь из этого, ваш fetch не заработает. Вот такие параноики современные браузеры

3
  • Добавил в настройках сервера заголовки. Теперь застрял на том что сервер при ответе на OPTIONS отправляет 401. Куда ещё можно посмотреть? Не хочется прокси создавать для того, чтобы всё на одном домене находилось.
    – Tihon
    7 мар 2017 в 9:08
  • @Tihon чинить сервер, чтобы возвращал не 401, так как это неправильное поведение
    – andreymal
    7 мар 2017 в 9:12
  • Увы нет кода от модуля, который работает с логикой. Значит - прокси?
    – Tihon
    7 мар 2017 в 9:13
0

Попробуй так

const req_url = 'http://localhost:5000/'
let resp = fetch(req_url, {
method: 'POST',
mode: 'no-cors',
headers: {
  'Authorization'              : 'Basic dXNlcjpwd2Q=',
},

}).then((resp) => resp)
9
  • Не работает. Не отправляет заголовок. Пруф.
    – Tihon
    3 мар 2017 в 7:17
  • @Tihon а в вашем варианте заголовок уходит? я у себя использую let headers = new Headers();headers.append('Authorization', 'Basic MTAxaW50ZXI6dGVzdDEwMQ=='); и всё ок
    – xFloooo
    3 мар 2017 в 7:23
  • Проверил все три способа. Заголовки не уходят.
    – Tihon
    3 мар 2017 в 7:26
  • @Tihon isomorphic-fetch используешь?
    – xFloooo
    3 мар 2017 в 7:29
  • Скорее всего - да, во всяком случае он есть в node_modules, дополнительных телодвижений не делал и ставил react-redux-starter-kit. Как проверить?
    – Tihon
    3 мар 2017 в 7:39

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.