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

举报
坚毅的小解同志 发表于 2022/11/21 19:38:14 2022/11/21
【摘要】 【Node.js练习】根据不同的url响应不同的html内容

  核心实现步骤

  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

编辑


【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。