代码之家 › 专栏 › 技术社区 › ollie314

未使用fetch api填充请求头

fetch javascript

-2

ollie314 · 技术社区 · 5 年前

我正在试验一种我不懂的东西。当我尝试使用 Fetch API ,实际上没有定义头。

这里有一段代码和一个链接,可以复制小提琴。

function createRequest(type, url, payload) {
  const options = { headers: {
    "Content-Type": "application/json",
    "x-request-id": '...',
    "x-sender-id": "mysender"
  },
  method: 'POST',
  body: JSON.stringify(payload),
  mode: 'no-cors',
  cache: 'no-cache'
  };
  return new Request(url, options);
}

// -----------------------------
// a simple test
const request = createRequest('post', '/check', {test: 'where are my headers?'});

当我使用 Headers 对象,将删除标题。即使我正在使用 set 或 append 方法填充头。使用 new Headers({...}); 如前所述 here 不能解决问题。更改 mode 也不会产生变化。折叠式 this 也失败了。

Link to the fiddle

因此,没有定义头(我猜也没有body)。

如果有人知道这个问题,我就接受:D

当做。

1 回复 | 直到 5 年前

Bravo 5 年前

因为你在使用 mode: 'no-cors' 你被限制在 simple headers

接受
接受语言
内容语言
内容类型

这就是你在非CORS模式下被允许的所有标题

资料来源: documentation

下面,第一个请求是模式no cors和第二个模式相同的来源(尽管,这也可以是cors,工作原理相同)

// Code goes here

function createRequest(type, url, payload, corsmode) {
  const options = {
    headers: {
      "Content-Type": "application/json",
      "x-request-id": '...',
      "x-sender-id": "mysender"
    },
    method: 'POST',
    body: JSON.stringify(payload),
    mode: corsmode,
    cache: 'no-cache'
  };
  return new Request(url, options);
}

// -----------------------------
// a simple test
const request = createRequest('post', '/check', {
  test: 'where are my headers?'
}, 'no-cors');


console.log([...request.headers.entries()]);

const request2 = createRequest('post', '/check', {
  test: 'where are my headers?'
}, 'same-origin');

console.log([...request2.headers.entries()]);

推荐文章

Johhnny · 部署的Nodejs Express应用程序未收到来自内置React客户端的请求

2 年前

David · 如何多次使用fetch-get响应?

2 年前

Cuzto · 尝试用输入数据发送Id时出现React fetch错误

6 年前

Kiki · MYSQL中缺少第一行数据[重复]

6 年前

Lennert Hofman · 如何在酶中等待来自私人功能的承诺?

6 年前

manAbl · 如何从json获取中删除此p标记

6 年前

Mateus Felipe · 正在为ReasonReact应用程序从API获取数据

6 年前

ren · SpringBoot/Fetch:无效的mime类型“undefined”:不包含“/”

6 年前

Darren · ReactJS fetch-无法读取未定义的属性“map”

6 年前

Bhoomi Patel · 如何从laravel中的变量中获取值?

6 年前