解决 Fastify 发送请求时出现错误：TypeError: Cannot read property 'headers' of undefined

如果你在使用 Fastify 发送请求时出现了 TypeError: Cannot read property 'headers' of undefined 错误，那么不要慌张，这个错误并不是很严重，只要学会正确的使用方法就能轻松解决。

问题的出现

这个问题的出现很容易理解，因为在发送请求的时候，我们需要在请求头中添加一些数据，比如 token，但是很多人在添加请求头的时候，不小心添加了一个 undefined 或者 null 的变量，从而导致了这个错误的出现。

解决方法

要解决这个问题，首先需要检查自己代码中是否有这个错误的发生。如果有，那么需要检查你的请求头中是否有添加了 undefined 或者 null 的变量。如果有，那么可以通过以下两种方法来解决这个问题：

方法一：判断变量是否存在

在添加请求头时，我们需要对变量进行判断，确保它不为 undefined 或者 null。下面是一个示例代码：

async function sendRequest() {
  const headers = {}

  if (token) { // 判断 token 是否存在
    headers['Authorization'] = `Bearer ${token}`
  }

  try {
    const res = await fastify.inject({
      method: 'GET',
      url: '/path',
      headers,
    })

    console.log(res)
  } catch (err) {
    console.error(err)
  }
}

方法二：初始化 headers

如果你不想每次都去判断变量是否存在，那么可以在初始化 headers 的时候，将它们的值都初始化为一个空字符串。这样可以避免因为变量的原因导致错误的出现。下面是一个示例代码：

async function sendRequest() {
  const headers = {
    'Authorization': '',
    'Content-Type': '',
    'Accept': '',
  }

  headers['Authorization'] = `Bearer ${token}`
  headers['Content-Type'] = 'application/json'
  headers['Accept'] = 'application/json'

  try {
    const res = await fastify.inject({
      method: 'GET',
      url: '/path',
      headers,
    })

    console.log(res)
  } catch (err) {
    console.error(err)
  }
}

总结

在发送请求的时候，不要忽略请求头的添加，同时要注意避免请求头中出现 undefined 或者 null 的情况。只要能够正确地添加请求头，那么就可以轻松地避免 TypeError: Cannot read property 'headers' of undefined 这个错误的出现。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65921750eb4cecbf2d6fee89