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等静态资源的基本方法,只需要修改响应头部的文件类型既可以完成。
小礼物走一波,支持作者
赏还没有人赞赏,支持一波吧