nodejs-搭建静态资源服务器

1、项目目录结构

2、server.js的建立

const http = require('http')
const fs = require('fs')
const path = require("path");
var mime = require('mime');

const hostname = '127.0.0.1'
const port = 3000

const server = http.createServer((req, res) => {
  // res.statusCode = 200
  // res.setHeader('Content-Type', 'text/plain')
  // res.end('Hello World\n how to read dist file?')
  // 获取要读取的文件路径
  console.log('req', req)
  console.log('res', res)
  console.log('绝对路径', __dirname)
  let pathname = path.join(__dirname, req.url); // request.url 返回的是/index.html
  console.log('pathname', pathname)
  readStaticFile(res, pathname)
  function readStaticFile(res, pathname) {
    var ext = path.parse(pathname).ext;
    var mimeType = mime.getType(ext);
    if (ext) {
      // 根据传入的目标文件路径来读取对应文件
      // 读取文件内容
      fs.readFile(pathname,function(err,data){
        if(err){
          res.writeHeader(404,{
            'content-type' : 'text/html;charset="utf-8"'
          });
          res.write('<h1>404错误</h1><p>你要找的页面不存在</p>');
          res.end();
        }else{
          res.writeHeader(200,{
            'content-type' : `${mimeType};charset="utf-8"`
          });
          res.write(data);//将index.html显示在客户端
          res.end();

        }
      })

      // 返回 false 表示, 客户端想要的 是 静态文件
      return true;
    } else {
      // 返回 false 表示, 客户端想要的 不是 静态文件
      return false;
    }
  }
})

server.listen(port, hostname, () => {
  console.log(`Server running at http://${hostname}:${port}/`)
})

3、启动

node server.js

4、访问

http://localhost:3000/index.html