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

静态资源

服务器端不需要处理,可以直接响应给客户端非资源就是静态资源,例如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>

在这里插入图片描述

动态资源

根据请求地址不同的响应资源,这种资源就是动态资源

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值