在Node.js中設(shè)置響應(yīng)的MIME類型的代碼詳解

更新時(shí)間：2025年04月21日 08:34:36 作者：前端涂涂

在 Node.js 中設(shè)置響應(yīng)的 MIME 類型是為了讓瀏覽器正確解析服務(wù)器返回的內(nèi)容,比如 HTML、CSS、圖片、JSON 等,我們通常通過設(shè)置響應(yīng)頭中的 Content-Type 字段來完成,本文就給大家詳細(xì)介紹了在Node.js中設(shè)置響應(yīng)的MIME類型的方法,需要的朋友可以參考下

一、什么是 MIME 類型（Content-Type）？

MIME（Multipurpose Internet Mail Extensions）類型用于告訴瀏覽器或客戶端：返回的數(shù)據(jù)是什么類型的內(nèi)容。

例如：

text/html：HTML 文件
application/json：JSON 數(shù)據(jù)
text/css：CSS 樣式表
image/png：PNG 圖片

二、手動(dòng)設(shè)置 MIME 類型示例

const http = require('http');
const fs = require('fs');
const path = require('path');

// 常見擴(kuò)展名與 MIME 類型的映射表
const mimeTypes = {
  '.html': 'text/html',
  '.css':  'text/css',
  '.js':   'application/javascript',
  '.json': 'application/json',
  '.png':  'image/png',
  '.jpg':  'image/jpeg',
  '.gif':  'image/gif',
  '.svg':  'image/svg+xml',
  '.ico':  'image/x-icon',
  '.txt':  'text/plain',
};

const server = http.createServer((req, res) => {
  let filePath = '.' + (req.url === '/' ? '/index.html' : req.url);
  let ext = path.extname(filePath);

  // 默認(rèn) MIME 類型
  let contentType = mimeTypes[ext] || 'application/octet-stream';

  fs.readFile(filePath, (err, data) => {
    if (err) {
      res.writeHead(404, { 'Content-Type': 'text/plain' });
      return res.end('404 Not Found');
    }

    res.writeHead(200, { 'Content-Type': contentType });
    res.end(data);
  });
});

server.listen(3000, () => {
  console.log('Server running on http://localhost:3000');
});

三、使用第三方模塊 mime

如果你不想維護(hù) MIME 映射表，可以使用官方推薦的 mime 模塊。

安裝：

npm install mime

使用：

const mime = require('mime');
const filePath = 'public/style.css';
const contentType = mime.getType(filePath); // 返回 'text/css'

常用 MIME 類型一覽

擴(kuò)展名	MIME 類型
`.html`	`text/html`
`.css`	`text/css`
`.js`	`application/javascript`
`.json`	`application/json`
`.png`	`image/png`
`.jpg`	`image/jpeg`
`.gif`	`image/gif`
`.svg`	`image/svg+xml`
`.txt`	`text/plain`
`.pdf`	`application/pdf`

四、注意事項(xiàng)

Content-Type 是告訴瀏覽器怎么處理數(shù)據(jù)的關(guān)鍵；
MIME 類型必須與實(shí)際資源類型匹配，否則瀏覽器可能拒絕渲染或報(bào)錯(cuò)；
若未設(shè)置 Content-Type，瀏覽器可能會(huì)猜測(cè)類型，但這不安全；
返回 JSON 時(shí)推薦：

res.writeHead(200, { 'Content-Type': 'application/json' });
res.end(JSON.stringify({ message: 'hello' }));

到此這篇關(guān)于在Node.js中設(shè)置響應(yīng)的MIME類型的代碼詳解的文章就介紹到這了,更多相關(guān)Node.js設(shè)置MIME類型內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: