Right mime type for SVG images/fonts

http://stackoverflow.com/a/10864297/2177408

svg  as "image/svg+xml"
ttf  as "application/x-font-ttf" or "application/x-font-truetype"
otf  as "application/x-font-opentype"
woff as "application/font-woff" (per my last paragraph)
eot  as "application/vnd.ms-fontobject"

### 解决Node.js中MIME类型'text/plain'的问题 当资源被解释为脚本,但以`text/plain` MIME类型传输时,浏览器会拒绝执行这些资源[^2]。为了确保文件能够正确解析并运行,在发送响应之前设置正确的Content-Type头至关重要。 下面是一个简单的例子来展示如何在Node.js HTTP服务器中处理不同类型的静态文件,并为其分配合适的MIME类型: ```javascript const http = require('http'); const fs = require('fs'); // 创建HTTP服务器实例 const server = http.createServer((req, res) => { let filePath = '.' + req.url; if (filePath === './') { filePath = './index.html'; } const extname = String(path.extname(filePath)).toLowerCase(); const mimeTypes = { '.html': 'text/html', '.js': 'application/javascript', '.css': 'text/css' }; fs.readFile(filePath, function(error, content) { if (error) { if(error.code == 'ENOENT'){ fs.readFile('./404.html', function(error, content) { res.writeHead(404, { 'Content-Type': 'text/html' }); res.end(content, 'utf-8'); }); } else { res.writeHead(500); res.end(`Server Error: ${error.code}`); } } else { // 设置适当的MIME类型 res.writeHead(200, { 'Content-Type': mimeTypes[extname] || 'text/plain' }); res.end(content, 'utf-8'); } }); }); server.listen(process.env.PORT || 3000, () => console.log('Server running')); ``` 上述代码片段展示了如何读取请求路径对应的本地文件,并基于扩展名查找相应的MIME类型。如果找不到匹配项,则默认使用`text/plain`作为内容类型。这有助于防止因不恰当的内容类型而导致的加载失败问题[^1]。 对于更复杂的应用程序来说,建议考虑采用成熟的框架或中间件库(如Express),它们提供了更加简便的方法来进行路由管理和静态资产服务。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值