继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

Node学习随笔—http相关__http模块&路由

慕虎7371278
关注TA
已关注
手记 1125
粉丝 201
获赞 871

一:http模块

http模块是node的常用模块,可以用浏览器访问写的代码

1.引进http模块(核心模块不需要安装)

 let http = require("http")

2.创建服务器(参数接受函数)

 let server = http.createServer((req, res)=>{    // 返回结果(状态码,返回类型, 返回的编码)
    res.writeHead(200,{"Content-type": "text/html"; charset=UTF-8})    // 浏览器内容
    res.write("111")
    res.write("<h1>哈哈哈哈哈</h1>")
    res.end("hello")
})

3.监听(知道访问,参数端口号,地址locallhost)

server.listen(80, "127.0.0.1")

二:路由

1.node只能通过控制url来控制跳转,在服务器端先配置好路由

2.配置路由

引入读写操作文件

let fs = require(fs)
 let server = http.createServer((req, res)=>{    if (req.url==='/test1.html') { // 浏览器地址栏的路由url
        console.log(111)        // 读入文件
        fs.readFile("./test1.html", (err, data)=>{            if (!err){                console.log(data.toString)
                res.writeHead(200,{"Content-type": "text/html"; charset=UTF-8})
                res.end(data)
            }
        })
    } else if (req.url==='/test2.html') {        console.log(222)        // 读入文件
        fs.readFile("./test2.html", (err, data)=>{            if (!err){                console.log(data.toString)
                res.writeHead(200,{"Content-type": "text/html"; charset=UTF-8})
                res.end(data)
            }

        })
    } else if (req.url==='/') {


    }else {        // 返回结果(状态码,返回类型, 返回的编码)
        res.writeHead(404,{"Content-type": "text/html"; charset=UTF-8})        // 浏览器内容
        res.end("访问页面不存在")
    }
})

3.node中加载其他类型资源

---除了html和js文件除外的类型文件的访问

比如css文件,img图片, 音频等,要用fs读到服务中如下

 let server = http.createServer((req, res)=>{    if (req.url==='/test1.html') { // 浏览器地址栏的路由url, 路由1
        console.log(111)        // 读入文件
        fs.readFile("./test1.html", (err, data)=>{            if (!err){                console.log(data.toString)
                res.writeHead(200,{"Content-type": "text/html"; charset=UTF-8})
                res.end(data)
            }
        })
    } else if (req.url==='/test2.html') { // 浏览器地址栏的路由url, 路由2
        console.log(222)        // 读入文件
        fs.readFile("./test2.html", (err, data)=>{            if (!err){                console.log(data.toString)
                res.writeHead(200,{"Content-type": "text/html"; charset=UTF-8})
                res.end(data)
            }

        })
    } else if (req.url==='/css/index/.css') { // css
        // 读css文件
        fs.readFile("./css/index/.css", (err, data)=>{            if (!err){                console.log(data.toString)
                res.writeHead(200,{"Content-type": "text/css"}) // text/css
                res.end(data)
            }
        })
    }else if (req.url==='/img/lixiaoyu.png') { // 图片
        // 读图片文件
        fs.readFile("./img/lixiaoyu.png", (err, data)=>{            if (!err){                console.log(data.toString)
                res.writeHead(200,{"Content-type": "image/jpg"}) // image/jpg
                res.end(data)
            }
        })
    } else {        // 返回结果(状态码,返回类型, 返回的编码)
        res.writeHead(404,{"Content-type": "text/html"; charset=UTF-8})        // 浏览器内容
        res.end("访问页面不存在")
    }
})



小节图如下:

webp

image



作者:Li_小点
链接:https://www.jianshu.com/p/c78eecbbecef


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP