前端学习(1317):静态资源2

本文深入探讨前端开发中的静态资源,包括HTML、CSS、JavaScript的使用和优化,以及如何管理和部署静态文件,提升网页加载速度。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

//创建网站服务器模板
const http = require('http');
const url = require('url');
//网站服务器对象
const app = http.createServer();
const path = require('path');
const fs = require('fs');
const mime = require('mime');
//客户端有请求
/* const querystring = require('querystring'); */
app.on('request', (req, res) => {
    //获取请求路径

    console.log(url.parse(req.url).pathname);

    let pathname = url.parse(req.url).pathname;
    pathname = pathname == '/' ? 'default.html' : pathname;
    //res.end(path.join(__dirname, pathname));
    let realPath = path.join(__dirname, pathname);
    let type = mime.getType(realPath);
    fs.readFile(realPath, (error, result) => {
        if (error != null) {
            res.writeHead(404, {
                'content-type': 'text/html;charset=utf8'
            })
            res.end('文件读取失败');
            return;
        }
        res.writeHead(200, {
            'content-type': type
        })
        res.end(result);
    })

});
//监听端口
app.listen(3000);
console.log('服务器启动成功');

运行结果

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端小歌谣

放弃很容易 但是坚持一定很酷

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值