node静态服务器实现静态读取文件或文件夹

2020-06-17 05:29:06易采站长站整理

现在我们已经大致了解了node 的基本工作原理,现在来实现一个系统的功能 读取文件或者文件夹

采坑记录

中文输出乱码问题


res.statusCode = 200
res.setHeader('Content-Type', 'text/plain')
res.end('啊啊和嘎哈啊')

输出中出现中文乱码 附解决方案 ~


res.writeHead(200, { 'Content-Type': 'text/plain; charset=utf-8' })


res.writeHead(200, { 'Context-Type': 'text/plain' })
res.write('<head><meta charset="utf-8"/></head>')

文件读取方式

node 允许通过两种方式读取并输出文件

one : 以文件流的形式读取与返回一起进行,快 = 推荐


fs.createReadStream(filePath).pipe(res)

two : 先将文件整个读取,然后将文件内容一起返回,简单说这就是api的蹩脚使用 = 慢


fs.readFile(filePath, (err, data) => {
if (err) return
res.end(data)
})

读取文件或者文件夹

废话不说,上代码

require(‘./config/defaultConfig’) 更新为以下


module.exports = {
// 主机名称
hostname: '127.0.0.1',
// 端口号
port: 6969,
// 当前文件夹
root: process.cwd()
}


// 引入http内置模块
const http = require('http')

// 引入chalk 用于美化后台打印
const chalk = require('chalk')

const path = require('path')
const fs = require('fs')
// 引入基本配置
const conf = require('./config/defaultConfig')

// 创建一个server 实例
const server = http.createServer((rep, res) => {
// 拿到路径
const filePath = path.join(conf.root, rep.url)

// 判断是否为文件或者文件夹
fs.stat(filePath, (err, stats) => {
// 设置公共头部信息
res.writeHead(200, { 'Content-Type': 'text/plain; charset=utf-8' })
if (err) {
// 状态码
res.statusCode = 404

// 找不到提示文本
res.end(`${filePath} is 404`)

return
}
if (stats.isFile()) {
// 如果是文件 返回文件内容
res.statusCode = 200

fs.createReadStream(filePath).pipe(res)
} else if (stats.isDirectory()) {
// 如果是文件夹,返回文件列表
fs.readdir(filePath, (err, files) => {
if (err) return
res.statusCode = 200

res.end(files.join(','))
})
}
})
})

// 监听 server 实例