在浏览器中，不同的请求应该作出不同的响应

我们可以从请求req中的url获得请求的内容

然后我们就可以通过判断请求的url来做响应

代码如下：

//根据用户的不同请求，服务器做出不同的响应

//

//1.加载http模块

//

var http=require('http');

//2.创建http服务,监听

http.createServer(function(req,res){

    //获取用户请求req.url

    //console.log(req.url);

    //结束响应

    //res.end();

res.setHeader('Content-Type','text/plain;charset=utf-8');

    //通过req.url获取用户请求的路径，获得不同的响应

    if(req.url==='/'||req.url==='/index')

        res.end('hello index');

    else if(req.url==='/login')

        res.end('hello login');

    else if(req.url==='/list')

        res.end('hello list');

    else

        res.end('404');

}).listen(8080,function(){

    console.log('http://localhost:8080');

})

如果需要响应html文件，需要有fs,path模块

代码如下

//根据用户请求不同，响应不同的html

var http=require('http');

//加载fs模块

var fs=require('fs');

//加载path模块

var path=require('path');

http.createServer(function(req,res){

if(req.url==='/'||req.url==='/index')

        {

            //如果这里传utf-8，返回的data是字符串，但我们不需要将其转为字符串。因为我们读取的是二进制，我们不需要将二进制转为字符串再将字符串转为二进制

            fs.readFile(path.join(__dirname,'html','xx1.html'),function(err,data){

                    if(err)

                    {

                        console.log(err);

                    }

                    //把读取的html发送

                    res.end(data);//这里面不会乱码，因为html文件了已经有utf-8了

            })

        }

    else if(req.url==='/login')

        {

            fs.readFile(path.join(__dirname,'html','xx2.html'),function(err,data){

                    if(err)

                    {

                        console.log(err);

                    }

                    //把读取的html发送

                    res.end(data);//这里面不会乱码，因为html文件了已经有utf-8了

            })

        }

    else if(res.url==='/list')

        {

            fs.readFile(path.join(__dirname,'html','xx3.html'),function(err,data){

                    if(err)

                    {

                        console.log(err);

                    }

                    //把读取的html发送

                    res.end(data);//这里面不会乱码，因为html文件了已经有utf-8了

            })

        }

    else

        res.end('404');

}).listen(9090,function(){

console.log('http://localhost:9090');

})

如果响应的html文件里面有图片请求，例如

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

</head>

<body>

<img src="../pic/1.png" />

</body>

</html>

这样是解析不了图片的

因为在请求该html文件的时候，也请求了图片，请求图片的url如下图，而我们的判断中是没有url==='/pic/1.png'的，所以我们应该在代码中加上这个判断

else if(req.url==='/pic/1.png')//要单独请求图片

        {

            fs.readFile(path.join(__dirname,'pic','1.png'),function(err,data){

                    if(err)

                    {

                        console.log(err);

                    }

                    res.setHeader('Content-Type','image/png');//要加请求头

                    res.end(data);

            })

        }

css文件也可以这样请求，但是我们实际上不可能每个请求都要写在代码里，这样十分低效，我们可以将这些文件存在一个或者几个文件夹内，然后通过路径拼接来实现

//http加载

var http=require('http');

var path=require('path');

var fs=require('fs');

var mime=require('mime');

http.createServer(function(req,res){

    //1.获取用户请求路径

    //req.url

    ///css/index.css

    ///2.获取public目录完整路径

    var publicDir=path.join(__dirname,'public');

    //3.根据public的路径和用户请求，最终获得完整路径

    var filename=path.join(publicDir,req.url);

    console.log(filename);

    //res.end('over');

    //4.根据文件路径去读取文件，如果读取到，就将文件返回给用户，如果读取不到，返回404

    fs.readFile(filename,function(err,data){

        if(err){

            res.end('文件不存在404');

        }else{

            //通过第三方模块minme,来判断不同资源对应的Content-Type类型

            //filemane只要有后缀进行

            res.setHeader('Content-Type',mime.getType(filename));

            //如果找到了用户要读取的文件，那么直接把该文件返回给用户

            res.end(data);

        }

    })

}).listen(9090,function(){

    console.log('http://localhost:9090');

})

其中mime

node——服务器根据不同请求作出不同响应+响应html文件等文件的更多相关文章

  1. node——进阶版服务器根据不同请求作出不同响应+响应html文件等文件

    文件目录结构如下 resource文件里面放了css文件和图片等,view文件里面是html文件 <!DOCTYPE html> <html lang="en"& ...

  2. 图解HTTP权威指南（三）| Web服务器对HTTP请求的处理和响应

    作者简介   李先生(Lemon),高级运维工程师(自称),SRE专家(目标),梦想在35岁买一辆保时捷.喜欢钻研底层技术,认为底层基础才是王道.一切新技术都离不开操作系统(CPU.内存.磁盘).网络 ...

  3. http请求报文格式和响应报文格式

    转载 出处 超文本传输协议(Hypertext Transfer Protocol,简称HTTP)是应用层协议.HTTP 是一种请求/响应式的协议,即一个客户端与服务器建立连接后,向服务器发送一个请求 ...

  4. Node fs, url, http 组合小型的服务器 ( 满足html请求, get, post 传值 )

    <script type="text/javascript"> /* * 引入模块 */ var http = require('http'); var url = r ...

  5. Node.js之HTTP请求与响应

    在C#.OC中也是客户端发起一个请求,服务端作出响应.我们可以把这个过程抽象理解 . 1.客户端给服务端发起请求相当于向服务端写入一个流(writable) 2.服务端读取客户端的流(readable ...

  6. Ajax--Ajax基于原生javascript：创建Ajax对象、链接服务器、发送请求、接受响应结果

    Ajax概述 异步:指某段程序执行时不会阻塞其它程序执行,其表现形式为程序的执行顺序不依赖程序本身的书写顺序,相反则为同步. 同步请求: 请求是由浏览器发送 页面会刷新 异步请求: 请求是由浏览器的一 ...

  7. 2、node服务器

    一.简单的node服务器搭建 1.首先新建一个名为server.js的文件(文件名随意,后缀名必须是.js) 2.粘贴进文件以下内容 //引入http模块 const http = require(& ...

  8. HTTP请求过程和状态响应码

    HTTP请求过程 我们在浏览器中输入一个URL,回车之后便可以在浏览器中观察到页面内容.实际上,这个过程是浏览器向网站所在的服务器发送了一个请求,网站服务器接收到这个请求后进行处理和解析,然后返回对应 ...

  9. nodejs向远程服务器发送post请求----融云Web SDK/客户端获取token

    最近要用到一个叫融云的及时通讯的SDK,在获取token这个步骤的时候有点卡顿,以防以后碰到类似的问题,再此记录一下. 客户端通过融云 SDK 每次连接服务器时,都需要向服务器提供 Token,以便验 ...

随机推荐

  1. jmeter图片的上传

    首先添加一个线程组,然后在线程组里面添加一个http请求,因为是发送数据,所有是post请求,写好上传的地址,然后写好文件路径 1.添加线程组 :右键测试计划,添加-Threads(Users)-线程 ...

  2. P1422 小玉家的电费

    ... 题目描述 夏天到了,各家各户的用电量都增加了许多,相应的电费也交的更多了.小玉家今天收到了一份电费通知单.小玉看到上面写:据闽价电[2006]27号规定,月用电量在150千瓦时及以下部分按每千 ...

  3. web前端对文件的引用规则

    web前端一般常用文件 .html .css .js.但是当用css文件和html引入资源(比如图片)时,路径可能不相同.下面总结了几条. 使用相对路径引入规则: html或者js引入图片,按照htm ...

  4. sax解析xml文件的DefaultHandler处理类

    一千年的时光,我无数次掀起岁月的帷幔,只为和你,在某一个平静如水的日子相遇,然后相识,倾情一生,缱绻一世,好美的散文,好吧,我情愿把这个“你”当作android:),使用sax解析xml文件是我见到过 ...

  5. HDU 3698 Let the light guide us

    Let the light guide us Time Limit: 2000ms Memory Limit: 32768KB This problem will be judged on HDU. ...

  6. php 文件夹 与 文件目录操作

    php文件夹操作函数 string basename ( string path [, string suffix] )给出一个包含有指向一个文件的全路径的字符串,本函数返回基本的文件名.如果文件名是 ...

  7. （转）关于使用iText导出pdf

    一.iText简介 iText是著名的开放源码的站点sourceforge一个项目,是用于生成PDF文档的一个java类库.通过iText不仅可以生成PDF或rtf的文档,而且可以将XML.Html文 ...

  8. An internal error occurred during: &quot;Building workspace&quot;. java.lang.StackOverflowError

    1 错误描写叙述 watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveW91MjNoYWk0NQ==/font/5a6L5L2T/fontsize/400/fi ...

  9. 多校第二场 1004 hdu 5303 Delicious Apples(背包+贪心)

    题目链接: 点击打开链接 题目大意: 在一个周长为L的环上.给出n棵苹果树.苹果树的位置是xi,苹果树是ai,苹果商店在0位置,人的篮子最大容量为k,问最少做多远的距离可以把苹果都运到店里 题目分析: ...

  10. 为什么网络银行不支持GNU/Linux操作系统下的浏览器操作

    当年Linux没出时.银行就開始信息化建设了. 所为信息化,就是指用计算机工作了.服务客户了. 顺带着,慢慢的建server,连网(内部网).外网(网上银行) 这样下来, unix, dos, win ...