位置:首页 > 后端 > node

express加载静态资源

dearweb 发布:2021-09-06 21:23:36阅读:

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等静态资源的基本方法,只需要修改响应头部的文件类型既可以完成。

24人点赞 返回栏目 提问 分享一波

小礼物走一波,支持作者

还没有人赞赏,支持一波吧

留言(问题紧急可添加微信 xxl18963067593) 评论仅代表网友个人 留言列表

暂无留言,快来抢沙发吧!

本刊热文
网友在读
手机扫码查看 手机扫码查看