Question

我正在尝试在我的应用上配置后端API，这是发送请求的代码：

static async xhr(endpoint, args, method) {
  const url = `${API_SERVER}${endpoint}`;
  let formBody = [];
  for (let property in args) {
      let encodedKey = encodeURIComponent(property);
      let encodedValue = encodeURIComponent(args[property]);
      formBody.push(encodedKey + "=" + encodedValue);
  }
  formBody = formBody.join("&");
  let options = Object.assign({ method: method }, args ? { body: formBody } : null );
  try {
    let headers = {
        'Accept': 'application/json',
        'Content-Type': 'application/x-www-form-urlencoded',
    };
    accessToken = 'bdi8HD8js91jdoach7234h';
    if(accessToken != null)
        headers['Authorization'] = accessToken;
    options.headers = headers;
    return fetch(url, options).then( resp => {
        console.log(resp);
        let json = resp.json();
        if(resp.status >= 200 && resp.status < 300) {
            if (resp.ok) {
                return json
            }
        } else {
            return {};
        }
        return json.then(err => {throw err});
    });
  } catch (error) {
      return null;
  }
}

注意：我进行了调试，发现标题已正确添加到options变量中，但由于某种原因，服务器未收到Authorization标题。

我使用Postman使用完全相同的标头发送完全相同的请求，并通过它获得正确的响应。我不知道出了什么问题，但只有在头文件没有被发送的情况下才会出现这种情况。

有人可以告诉我，我做错了什么吗？谢谢！

Answer 1

headers选项必须是Headers的实例。您可以将当前headers对象转换为Headers实例，方法是将其传递给它的构造函数：

const headers = new Headers({
    'Accept': 'application/json',
    'Content-Type': 'application/x-www-form-urlencoded',
});

请注意，我还将let替换为const，因为该变量不会被重新分配。

要更改标头或向Headers个实例添加新标头，您可以使用set method。而不是headers['Authorization'] = accessToken你做...

headers.set('Authorization', accessToken)

没有使用fetch（）发送HTTP标头

1 个答案: