4.4.1-练习：静态网站

ゞ浴缸里的玫瑰 2023-07-22 09:14 29阅读 0赞

服务器端

const http = require('http');
    const url = require('url');
    const path = require('path');
    const fs = require('fs');
    const mime = require('mime');
    
    const app = http.createServer();
    app.on('request', (req, res) => { 
        // /index - 首页
        // /about 关于我们
        // /news 首页
        // 其他的 不存在
        let {  pathname } = url.parse(req.url);  // /index
        if (pathname === '/' || pathname === '/index') { 
            pathname = '/index.html';
        }
        let pathStr = path.join(__dirname, pathname);
        // let a = path.join(__dirname, pathname);
        // console.log(path.resolve(pathname)); 
        let fileType = mime.getType(pathStr);
    
    
        if (fileType === 'text/html') { 
            fs.readFile(pathStr, 'utf8', (err, data) => { 
                res.writeHead(200, { 
                    'Content-Type': `${ fileType};charset=utf8`
                });
                res.end(data);
            });
    
        } else if (fileType === 'text/css') { 
            res.writeHead(200, { 
                'Content-Type': `${ fileType};charset=utf8`
            });
            fs.readFile(pathStr, 'utf8', (err, data) => { 
                res.end(data);
            });
        }
        else if (fileType === 'image/jepg') { 
            // res.writeHead(200, { 
            // 'Content-Type': `${fileType}`
            // });
            fs.readFile(pathStr, 'utf8', (err, data) => { 
                res.end(data);
            });
        } else { 
            fs.readFile(pathStr, (err, data) => { 
                if (err !== null) { 
                    res.writeHead(404, { 
                        'Content-Type': 'text/html;charset=utf8'
                    });
                    res.end('页面不存在');
                }
                res.writeHead(200, { 
                    'Content-Type': `${ fileType}`
                });
                res.end(data);
            });
        }
    
    
    });
    app.listen(9999);
    console.log('已经启动');

其他文档  
![在这里插入图片描述][20200405113417843.png]

[20200405113417843.png]: /images/20230528/c23084d482524ad78756e7fa75c29b4e.png

发表评论取消回复

表情：

评论列表（有 0 条评论，29人围观）

还没有评论，来说两句吧...

相关阅读

相关 4.4.1-练习：静态网站

服务器端 const http = require('http'); const url = require('url'); const path =

ゞ浴缸里的玫瑰/ 2023年07月22日 09:14/ 0 赞/ 30 阅读

相关静态网站与动态网站

文章目录一、静态网站优点缺点二、动态网站优点缺点一、静态网站 ![在这里插入图片描述

古城微笑少年丶/ 2023年06月17日 08:53/ 0 赞/ 55 阅读

相关 java练习-静态变量

设计一个圆形类，属性半径，静态变量Pi=3.14；构造方法能对半径初始化普通方法1：返回周长普通方法2：返回面积方法3：输出面积和周长主类测试

淩亂°似流年/ 2023年02月14日 02:50/ 0 赞/ 2 阅读

相关 441-MySQL(排序,分组)

排序order by的使用 select id,nickname,name,age,sex from user where sex='M' and age>=20

Bertha 。/ 2022年09月05日 15:51/ 0 赞/ 257 阅读

相关谈谈网站静态化

写在前头静态化是解决减轻网站压力,提高网站访问速度的常用方案,但在强调交互的We2.0 时代,对静态化提出了更高的要求,静态不仅要能静,还要能动,下面我通过一个项目,谈

喜欢ヅ旅行/ 2022年08月27日 12:45/ 0 赞/ 298 阅读

相关 Github部署静态网站

之前听说过在Github上可以发布静态网站（goole,twitter,微软等在用），今天学习Github版本控制顺带着尝试了一下。觉得不错的是，没有硬盘空间的限制。 1.

偏执的太偏执、/ 2022年08月05日 05:08/ 0 赞/ 284 阅读

相关 [leetcode]: 441. Arranging Coins

1.题目 You have a total of n coins that you want to form in a staircase shape, where ev

太过爱你忘了你带给我的痛/ 2022年06月15日 06:15/ 0 赞/ 169 阅读

相关 441_ Arranging_Coins

/ 441. Arranging Coins You have a total of n coins that you want to for

旧城等待，/ 2022年06月08日 00:51/ 0 赞/ 194 阅读

相关 VuePress 静态网站生成

使用技术： [VuePress][] \- Vue 驱动的静态网站生成器 > 仓库地址： [https://github.com/yinian-R/v...][htt

电玩女神/ 2022年03月07日 14:58/ 0 赞/ 302 阅读

相关编程练习网站

[https://blog.csdn.net/JIEJINQUANIL/article/details/52281048][https_blog.csdn.net_JIEJIN

深碍√TFBOYSˉ_/ 2022年01月31日 08:04/ 0 赞/ 492 阅读