express加载静态资源

express加载静态资源，本文主要介绍在express框架里面我们如何加载html、css、js、png等静态文件。

加载html文件

使用 fs 模块

const fs = require('fs')

const server = http.createServer((req,res)=>{
  res.writeHead(200,{'Content-Type':'text/html;charset=utf-8'})
  fs.readFile('./index.html',(err,data)=>{
    res.end(data)
  })
})

加载css文件、加载js文件

加载css文件、js文件与加载html的方法是一样的，都需要引入fs的模块

加载css文件

const fs = require('fs')

const server = http.createServer((req,res)=>{
  res.writeHead(200,{'Content-Type':'text/css;charset=utf-8'})
  fs.readFile('./index.css',(err,data)=>{
    res.end(data)
  })
})

加载js文件

const fs = require('fs')

const server = http.createServer((req,res)=>{
  res.writeHead(200,{'Content-Type':'text/javascript;charset=utf-8'})
  fs.readFile('./index.js',(err,data)=>{
    res.end(data)
  })
})

上面为大家介绍了加载html、css、js等静态资源的基本方法，只需要修改响应头部的文件类型既可以完成。