写点什么

【Node.js 练习】根据不同的 url 响应不同的 html 内容

  • 2022-11-22
    河北
  • 本文字数:543 字

    阅读完需:约 2 分钟

  核心实现步骤

  1. 获取请求的 url 地址

  2. 设置默认的相应内容为 404 Not found

  3. 判断用户请求的是否为/或/index.html 返回 首页

  4. 判断用户请求的是否为/about.html 返回 关于页面

  5. 设置 Content-Type 响应头,防止中文乱码

  6. 调用 res.end()方法响应给客户端

 实现代码


const http = require('http');const server = http.createServer();
server.on('request', function (res, req) { //获取请求的url地址 const url = res.url; //设置其他网址恢复 404 Not Found let content = '404 Not Found'; //访问/或者/index.html则返回首页 //访问about.html则返回关于我们 if (url === '/' || url === '/index.html') { content = '<h1>首页</h1>' } else if (url === '/about.html') { content = '<h1>关于页面</h1>' } //设置响应头 req.setHeader('Content-Type', 'text/html;charset=utf-8'); //发送消息到客户端 req.end(content);})server.listen(8080, () => { console.log('server running at http://127.0.0.1:8080');})
复制代码


点击并拖拽以移动



点击并拖拽以移动

​编辑


运行之后点击链接进去页面



点击并拖拽以移动

​编辑

 进去之后默认的就是首页也就是/当我们再地址栏输入 index.html 同样也是首页


我们改成 about.html 试一试



点击并拖拽以移动

​编辑

 输入其他页面则是 404



点击并拖拽以移动

​编辑


用户头像

还未添加个人签名 2022-10-14 加入

还未添加个人简介

评论

发布
暂无评论
【Node.js练习】根据不同的url响应不同的html内容_node.js_坚毅的小解同志_InfoQ写作社区