Блог

Главная - Вопросы по программированию - `xhr.getAllHeaders ()` пропускает некоторые заголовки в контексте расширения браузера?

`xhr.getAllHeaders ()` пропускает некоторые заголовки в контексте расширения браузера?

#javascript #django #ajax #htmx

Вопрос:

Я работаю над расширением браузера. В скрипте, запущенном на всплывающей странице, я делаю запрос ajax. В первой строке моего обработчика xhr.onload события у меня есть console.log(xhr.getAllResponseHeaders()) . Однако некоторые заголовки из ответа отсутствуют. Я знаю, что это может быть проблемой с моим файлом manifest.json, так что вот он, с некоторыми дополнительными деталями удалены:

 {
  "manifest_version": 2,
  "name": "...",
  "version": "1.0",
  "description": "...",
  "options_ui": { "page": "options.html" },
  "icons": {
    "16": "icons/favicon-16x16.png",
    "32": "icons/favicon-32x32.png"
  },
  "browser_action": {
    "default_popup": "popup.html",
    "default_icon": "./icons/favicon-32x32.png"
  },
  "key": "...",
  "permissions": ["identity"],
  "content_security_policy": "script-src 'self' https://unpkg.com https://apis.google.com https://www.gstatic.com https://www.googleapis.com https://securetoken.googleapis.com; object-src 'self'",
  "content_scripts": ["..."]
}

Это фактические заголовки ответов, согласно вкладке сетевая отладка:

 HTTP/1.1 200 OK
Date: Wed, 27 Oct 2021 18:09:36 GMT
Server: WSGIServer/0.2 CPython/3.9.6
Content-Type: text/html; charset=utf-8
Hx-Trigger: setupLogin
X-Frame-Options: DENY
Content-Length: 220
Vary: Cookie, Origin
X-Content-Type-Options: nosniff
Referrer-Policy: same-origin
Access-Control-Allow-Credentials: true
Access-Control-Allow-Origin: chrome-extension://kcegdmcjklppcfbmfjgkkomecpaofoec

Однако это вывод console.log(xhr.getAllResponseHeaders()) в первой строке обработчика xhr.onloaded событий:

 content-length: 220
content-type: text/html; charset=utf-8

CORS

Я должен отметить, что у меня нет очевидных ошибок CORS. Я использую Django с библиотекой django-cors-headers, и у меня есть все эти заголовки, включая критический заголовок Hx-Trigger, который я пытаюсь отладить, в частности, явно перечисленные как разрешенные заголовки (хотя я почти уверен, что этот список предназначен только для заголовков входящих запросов, но что бы ни).

Знаете ли вы, почему getAllResponseHeaders() отсутствует так много фактических заголовков?

Ответ №1:

Я понял это. Вам нужно установить Access-Control-Expose-Headers заголовок в контексте CORS, чтобы заголовки были видны скриптам, выполняющимся на клиенте.

Соответствующий MDN: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Expose-Headers

Метки: