引用nodejs的url模块实现url路由功能

Posted 2020-09-08 大桥的前端日志

我们在本地创建服务器之后需要写不同的后缀名来访问同一个站点的不同页面，如果不实现路由功能。则每次访问localhost:3000 不论后面写什么  比如localhost:3000/index、localhost:3000/detail...最终都会访问同一个地址；而用url路由则可以实现访问不同的页面；在实现url路由功能之前，首先需要引入url模块；const url = require(‘url‘);  nodejs 为我们提供了url模块，并且提供了url模块的一些方法； 最终要的方法是 parse方法 。可以将url字符串转换为url对象；使用方法如下

const http = require(‘http‘);

const server = http.requireServer((req,res)=>{
        let urlObj  =  url.parse(req.url);
});

　　可以在控制面板看到这个对象有一个属性名称为 pathname  ；通过这个pathname 可以作为判断的依据；

实现路由的功能代码如下

‘use strict‘;

const http = require(‘http‘);
// 引入url模块；这样可以实现真真的url路由，并且没有bug；如果
//需要使用req.url 来进行处理；req可以将req.url 进行分解；
//可以类比 parse方法 将url 转化为对象进行使用；拿到这个pathname就可以做为判断的依据，跳转到不同的页面；
const url = require(‘url‘);
const server = http.createServer((req, res) => {
    // console.log(req.url);
    let realUrl = ‘http://‘ + req.headers.host + req.url;
    let urlObj = url.parse(req.url);
    // console.info(urlObj);
    let content = ‘‘;
    switch (urlObj.pathname) {
        case ‘/‘: //首页
            content = ‘<h2>首页</h2>‘
            break;
        case ‘/list‘: //列表页
            content = ‘<h3>列表页</h3>‘;
            break;
        case ‘/detail‘:
            content = ‘<h4>详情页</h4>‘;
            break;
        default:
            break;
    }
    res.writeHead(200, { "content-type": "text/html;charset:utf-8" });
    res.write(content);
    res.end();

})
server.listen(3000, () => {
    console.log(‘server is run in 3000‘);
})