node 静态资源动态资源 mime模块

最新推荐文章于 2024-07-26 15:42:07 发布

tianmeng1999

最新推荐文章于 2024-07-26 15:42:07 发布

阅读量261

点赞数

分类专栏： node

本文链接：https://blog.csdn.net/weixin_42448623/article/details/107456851

版权

node 专栏收录该内容

51 篇文章 0 订阅

订阅专栏

静态资源

服务器端不需要处理，可以直接响应给客户端非资源就是静态资源，例如css,js,img文件

静态资源处理

静态资源访问
目录结构
在这里插入图片描述
app.js

let http = require('http')
let url = require('url')
let path = require('path')
let fs = require('fs');
let mime = require('mime')
let app = http.createServer()

app.on("request",(req, res)=>{

    
    // 请求路径
    let pathname = url.parse(req.url).pathname 
    
    // 处理 / /index 都是读取 /index.html
    if(pathname == '/' || pathname == '/index'){pathname = '/index.html'}

    // 路径拼接 将用户的请求路径转换为实际的服务器硬盘路径
    let readPath = path.join(__dirname + '/public' + pathname)

    // 根据路径返回资源的类型
    let zy = mime.getType(readPath)

    res.setHeader('Content-type',zy+";charset=utf-8")
   
    fs.readFile(readPath, (err, data)=>{
        if(err){
            res.end("404")
            return 
        }
        res.end(data)
    })
})

app.listen(3000,()=>{
    console.log("启动")
})

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    静态资源
    <img src="./img/01.jpg" alt="">
</body>
</html>