在前端开发中，我们常常需要使用各种资源文件，如 HTML、CSS、JavaScript、图片等等。这些资源文件需要被服务器解释并传输到客户端浏览器进行展示。本文将介绍资源解释和传输方面的相关知识。
资源解释为文档
在 Web 服务器和客户端浏览器之间进行数据传输时，服务器会将请求的资源文件解释为文档格式，并通过 HTTP 协议返回给客户端浏览器。根据 HTTP 协议规范，Web 服务器通常会根据请求的资源文件扩展名来确定其 MIME 类型，然后将该 MIME 类型信息写入 HTTP 响应头中的 Content-Type 字段。这样，客户端浏览器就可以正确地解释该资源文件了。
以下是一些常见的 MIME 类型：
- text/html：HTML 文件
- text/css：CSS 文件
- application/javascript：JavaScript 文件
- image/png：PNG 格式图片
- image/jpeg：JPEG 格式图片
服务器还可以通过其他方式来确定资源文件的 MIME 类型，例如根据文件内容进行判断。
用 MIME 类型应用程序/ZIP传输资源
除了文档类型的资源文件外，有些资源文件可能需要以二进制形式传输，例如压缩包、音视频文件等等。此时，服务器会将这些资源文件的 MIME 类型设为 application/octet-stream 或 application/zip，并将文件内容以二进制流的形式传输给客户端浏览器。客户端浏览器需要根据 MIME 类型决定如何处理该资源文件。
以下是一些常见的 MIME 类型：
- application/octet-stream：未知类型的二进制文件
- application/zip：ZIP 压缩文件
示例代码
下面是一个使用 Node.js 搭建的 Web 服务器，演示如何设置 HTTP 响应头中的 Content-Type 字段以及如何传输二进制文件：
-- -------------------- ---- -------
----- ---- - ----------------
----- -- - --------------
----- ------ - ----------------------- ---- -- -
----- -------- - --------- - ------------
--------------------- ----- ----- -- -
-- ----- -
-------------------
------------- --- --------
-------
-
-- -- ---- ----- ------------ --
----------------------------- -------------------
-- -------
--------------
---
---
------------------- -- -- -
------------------- -- ------- -- ------------------------
---在上述示例中，我们读取了一个名为 file.zip 的二进制文件，并将其 MIME 类型设为 application/zip，然后将二进制数据通过 HTTP 响应发送给客户端浏览器。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/10102
