龙空技术网

搭建Nodejs服务器,静态页面的访问「502」

剪了发戒了烟 480

前言:

目前兄弟们对“nodejsurl”大概比较着重,咱们都需要了解一些“nodejsurl”的相关文章。那么小编在网络上汇集了一些对于“nodejsurl””的相关知识,希望姐妹们能喜欢,各位老铁们快快来了解一下吧!

nodejs搭建的服务器没有物理目录的概念,不同于别的服务器。对nodejs一点也不了解的朋友可以看我写的文501nodejs做出最简单的网页服务端。【501】搭建服务器可以访问网页test1.html路由可以访问test1.html和test2.html路由外的网页用test3.html来示404错误理解网页外链文件也要路由才能访问

一、先做三个文件,一个是test1.html和test2.html,这两个是网页文件,还有一个文件是app.js,就是我们的服务器文件。

test1.html和test2.html都做得简单点,盒子装几个字就可以了。

二、我们看一下服务器文件app.js怎么写。

三、然后你会发现,不管我们在路径后面写什么,都会响应test1.html。

四、于是我们做这么一个改变,让服务器在特定路由下才会响应,其它路由都不会响应,后面的测试要记得保存js文件后重新挂起服务器。

五、同样的方法,我们再添加一张可以访问的静态网页。

六、我再加一张网页test3.html。

七、给test3.html也加进入吧,不过不给它加路由,随便输入路由就会跳到test3.html。

八、这里我们做一个my.css文件,给test1.html做外链样式文件。

上图是my.css内容,下图是test1.html添加外链样式

九、结果我们访问fpage,背景居然还是白色的,没有变蓝啊。

十、原因是my.css不是服务里的静态文件,所以不起作用,我们把它加个路由就可以了,路由名随便起。

十一、还是没有效果,还是白色的背景,原来问题在这里,我们做的路由是css,所以在test1链接文件的时候,也应该链接css才对。

终于变成蓝色背景了,通过这些操作,大家慢慢理解nodejs中的静态文件路由的设置。

var http = require("http");// 这里是模块的引用,引用的是http模块var fs = require("fs");//这里引用文件模块var server = http.createServer(function (req,res) { // 这个函数是一个回调函数,req是请求,res是响应,服务器就是 // 为了响应客户端请求的。 if (req.url == "/fpage") { fs.readFile("./test1.html",function (err,data) { // 把文件读取到data中 res.writeHead(200,{"Content-type":"text/html"}); // 响应时文件为html文件 res.end(data); }) } else if (req.url == "/spage"){ fs.readFile("./test2.html",function (err,data) { res.writeHead(200,{"Content-type":"text/html"}); res.end(data); }) } else if (req.url == "/css"){ fs.readFile("./my.css",function (err,data) { res.writeHead(200,{"Content-type":"text/css"}); res.end(data); }) } else { fs.readFile("./test3.html",function (err,data) { res.writeHead(200,{"Content-type":"text/html"}); res.end(data); }) }});// 以上是创建服务器实例server.listen(3000,"127.0.0.1");//运行服务器,设置端口号和ip,3000是端口号,后面是IP

标签: #nodejsurl #node搭建服务器怎么设置服务器ip #nodejs访问网页 #nodejs做网页 #nodejs访问网页快吗