根据不同的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', (req, res) => {
    //获取请求的url地址
    const url = req.url;
    //设置默认的相应内容为404 not found
    let content = '<h1>404 not found!</h1>';
    //判断用户请求的是否为 / 或 /index.html 首页
    //判断用户请求的是否为 /about.html 关于页面
    if (url === '/' || url === '/index.html') {
        content = '<h1>首页内容</h1>'
    } else if (url === '/about.html') {
        content = '<h1>关于页面</h1>'
    }
    //设置Content-Type 响应头 防止中文乱码
    res.setHeader('Content-Type', 'text/html; charset=utf-8');

    //使用res.end()把内容相应给客户端
    res.end(content);
})

server.listen(80, () => {
    console.log('server is running at http://127.0.0.1');
})

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值