Node.js_路由机制_静态资源文件的使用(2)

最新推荐文章于 2022-10-25 15:09:04 发布

汇而不置

最新推荐文章于 2022-10-25 15:09:04 发布

阅读量361

点赞数

分类专栏： Node.js 文章标签： node.js

本文链接：https://blog.csdn.net/weixin_43487066/article/details/88936723

版权

Node.js 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

本文探讨Node.js中如何处理路由，特别是针对静态资源文件的访问。通过使用url、path和querystring模块，可以有效地读取并响应HTTP请求中的完整URL，包括GET请求的查询字符串。

摘要由CSDN通过智能技术生成

Node.js路由机制_静态资源的使用

//day1/07-01.js
var http=require("http");
var fs=require("fs");
http.createServer(function(req,res){
    if(req.url=="/haha.html"){
        fs.readFile("./public/b.html",function(err,data){  
            res.end(data);
        });
    }else if(req.url=="/css.css"){
        fs.readFile("./public/css.css",function(err,data){  
            res.end(data);
        });
    }else if(req.url=="/0.jpg"){
        fs.readFile("./public/0.jpg",function(err,data){  
            res.end(data);
        });
    }else if(req.url=="/s.js"){
        fs.readFile("./public/s.js",function(err,data){  
            res.end(data);
        });
    }
    else{
        res.end("没有这个页面");
    }
}).listen(3000);
console.log("Server start at 3000 port");

<!-- b.html -->
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="css.css" />
	<link rel="stylesheet" href="index.css" />
</head>
<body>
	<h1>我是b.html</h1>
	<p>
		<img src="0.jpg" alt="">
	</p>
	<script type="text/javascript" src="s.js"></script>
</body>
</html>

在这里插入图片描述

Node.js每当使用一个真实的文件，就需要为其创建一个路由，以便文件能够被正确的被http请求读取。

url模块、path模块、querystring模块

如果一个URL比较完整，包括querystring部分(就是GET请求查询字符串部分)、hash部分：

http://127.0.0.1:3000/b.html?id=123&name=小明&age=18#123

此时req.url是: /b.html?id=123 ,hash部分不包括。

var http=require("http");
var fs=require("fs");
var url=require("url");
http.createServer(function(req,res){
    //转为对象
    var urljson=url.parse(req.url);
    console.log(urljson);
    res.end("");
}).listen(3000,"127.0.0.1");
console.log("server start at 3000 port");

在这里插入图片描述

var http=require("http");
var fs=require("fs");
var url=require("url");
http.createServer(function(req,res){
    //转为对象 true表示将query部分转成对象
    var urljson=url.parse(req.url,true);
    console.log(urljson);
    res.end("");
}).listen(3000,"127.0.0.1");
console.log("server start at 3000 port");

在这里插入图片描述

//day1\08.js
var http=require("http");
var fs=require("fs");
var url=require("url");
var path=require("path");
http.createServer(function(req,res){
    //转为对象 true表示将query部分转成对象
    var urljson=url.parse(req.url,true);
    //得到文件路径
    var pathname=urljson.pathname;
    //得到拓展名
    var extname=path.extname(pathname);
    console.log(pathname);
    console.log(extname);
    res.end("");
}).listen(3000,"127.0.0.1");
console.log("server start at 3000 port");

在这里插入图片描述

//day1\08.js
var http=require("http");
var fs=require("fs");
var url=require("url");
var path=require("path");
var querystring=require("querystring");
http.createServer(function(req,res){
    //转为对象 true表示将query部分转成对象
    //var urljson=url.parse(req.url,true);
    var urljson=url.parse(req.url);
    //得到文件路径
    var pathname=urljson.pathname;
    //得到拓展名
    var extname=path.extname(pathname);
    //得到查询字符串
    var qs=urljson.query;
    //转为查询对象，和url.parse加上true非常类似。
    var qsjson=querystring.parse(qs);
    console.log(pathname);
    console.log(extname);
    // console.log(qs);
    console.log(qsjson);
    res.end("");
}).listen(3000,"127.0.0.1");
console.log("server start at 3000 port");