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

简介: 【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');
    })

    image.gif

    image.gif编辑

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

    image.gif编辑

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

    我们改成about.html试一试

    image.gif编辑

    输入其他页面则是404

    image.gif编辑


    目录
    相关文章
    |
    22天前
    |
    JavaScript 前端开发
    js获取url参数值的几种方式
    js获取url参数值的几种方式
    |
    1月前
    |
    XML Android开发 UED
    "掌握安卓开发新境界:深度解析AndroidManifest.xml中的Intent-filter配置,让你的App轻松响应scheme_url,开启无限交互可能!"
    【8月更文挑战第2天】在安卓开发中,scheme_url 通过在`AndroidManifest.xml`中配置`Intent-filter`,使应用能响应特定URL启动或执行操作。基本配置下,应用可通过定义特定URL模式的`Intent-filter`响应相应链接。
    75 12
    |
    1月前
    |
    机器学习/深度学习 JavaScript
    node.js实现遍历所有文件夹里面的js文件,提取所有的url
    node.js实现遍历所有文件夹里面的js文件,提取所有的url
    |
    3月前
    |
    JavaScript
    【干货】js判断url是否是合法http/https
    【干货】js判断url是否是合法http/https
    224 1
    |
    3月前
    Error: Cannot find module ‘node:url‘【已解决】
    Error: Cannot find module ‘node:url‘【已解决】
    115 3
    |
    2月前
    |
    JavaScript
    js 下载文件(根据URL下载文件,根据URL下载图片)
    js 下载文件(根据URL下载文件,根据URL下载图片)
    245 0
    |
    2月前
    |
    JavaScript 前端开发 数据格式
    URL编码【详解】——Javascript对URL进行编码解码的三种方式的区别和使用场景,axios请求拦截器中对get请求的参数全部进行URL编码
    URL编码【详解】——Javascript对URL进行编码解码的三种方式的区别和使用场景,axios请求拦截器中对get请求的参数全部进行URL编码
    56 0
    |
    2月前
    |
    JavaScript
    js 获取并解析 url 中参数的三种方法
    js 获取并解析 url 中参数的三种方法
    34 0
    |
    3月前
    |
    JavaScript 前端开发 API
    详解JS的URL()和URLSearchParams() API接口
    详解JS的URL()和URLSearchParams() API接口
    54 2
    |
    4月前
    |
    JavaScript 前端开发
    javascript获取url信息的常见方法
    javascript获取url信息的常见方法
    44 2