解决 Fastify 无法正确响应不同 Content-Type 的问题-JavaScript中文网-JavaScript教程资源分享门户

Fastify 是一款高效、低开销的 Web 框架，在 Node.js 应用程序中被广泛使用。本文将介绍如何解决 Fastify 无法正确响应不同 Content-Type 的问题，并提供示例代码和指导意义。

问题描述

当 Fastify 在响应时未正确设置 Content-Type 时，会导致浏览器无法正确解析响应内容。例如，当响应内容为 JSON 格式时，如果未正确设置 Content-Type 为 application/json，浏览器将无法解析响应内容，并报错如下：

Refused to execute script from 'http://localhost:3000' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.

这是因为浏览器会根据 Content-Type 属性来解析响应内容。如果未正确设置 Content-Type，浏览器无法正确解析响应内容。

解决方案

为了解决 Fastify 无法正确响应不同 Content-Type 的问题，我们可以使用 Fastify 提供的 Reply 对象的 header 方法来设置 Content-Type。例如，在响应 JSON 数据时，我们可以使用以下代码来设置 Content-Type：

fastify.get("/", async (req, reply) => {
  const jsonData = { message: "Hello, World!" };
  reply
    .header("Content-Type", "application/json")
    .send(jsonData);
});

这样，当浏览器请求该路径时，服务器就会正确设置 Content-Type，并返回 JSON 数据。

同样的，我们也可以使用以下代码来设置其他类型的 Content-Type：

fastify.get("/", async (req, reply) => {
  const htmlData = "<html><body><h1>Hello, World!</h1></body></html>";
  reply
    .header("Content-Type", "text/html")
    .send(htmlData);
});

上述代码会将 Content-Type 设置为 text/html，并返回 HTML 数据。

总结

本文介绍了如何解决 Fastify 无法正确响应不同 Content-Type 的问题，并提供了示例代码和指导意义。在编写应用程序时，务必正确设置 Content-Type，以确保浏览器能够正确解析响应内容。

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

解决 Fastify 无法正确响应不同 Content-Type 的问题

问题描述

解决方案

总结

纠错反馈