如何从VueJS中的http响应获取标头？

Question

我使用axios从后端检索一些数据。我发送一个请求，我有一个答复。我想阅读一些标题。我已经尝试了很多东西，但是没有人在工作。 我的标题包含以下标题'content-type', content-length', 'x-wp-total', 'x-wp-totalpages'。

我尝试使用response.headers('content-type')获取标头，但出现错误 response.headers不起作用。我有麻烦了。

我的问题似乎很简单。从响应获取标头的语法是什么？

Answer 1

您看过https://github.com/axios/axios#response-schema吗？

  // `headers` the HTTP headers that the server responded with
  // All header names are lower cased and can be accessed using the bracket notation.
  // Example: `response.headers['content-type']`
  headers: {},

相关：Response header fields and CORS

Answer 2

（基于您的日志），应该为response.headers["content-type"]。或者您也可以致电response.headers.contentType通常也可以。

Answer 3

headers是响应的属性。它是一个对象，不是函数，因此不能将其用作“ headers（）”之类的函数。如果要访问标头的属性，则应使用“。”或[]