您当前的位置:首页 > 网站建设 > javascript
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax | jQuery | 小程序 |

node.js根据不同请求路径返回不同数据详解流程

51自学网 2022-02-21 13:39:03
  javascript

1.学习根据不同的请求路径返回:不同数据

var url=req.url //获取req.url值(req:是request简写)
req.url: 获取的是端口号之后的路径
实现不同路径返回不同数据

我的端口号:3000,网址:http://127.0.0.1:3000

if(url==='/'){

res.end(‘index page') //如果输入的网址为:http://127.0.0.1:3000/
//响应括号里数据,把数据传到服务器中显示
}

if(url==='/login')
{

res.end(‘login page') //如果输入的网址为:http://127.0.0.1:3000/login
//响应括号里数据,把数据传到服务器中显示
}

在这里插入图片描述

var http = require("http"); // http 模块http.createServer(function(req, res) {//res.write('hello')//res.write('world!') // res.end('index page');var url=req.url           //获取req.url值if(url==='/'){res.end('index page') //内容结束}else if(url==='/login'){res.end('login page')}else{  res.end('404')}console.log(req.url);}).listen(3000); // 监听端口3000 console.log("HTTP server is listening at port 3000.网址为http://127.0.0.1:3000");

结果:

在这里插入图片描述

在这里插入图片描述

2.发送的数据:数据类型,和什么编码:Content-Type

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

text/plain :文本 plain:普通的
如果内容是html标签,需要改: text/html
res.end(“helloworld”); 用text/plain

res.end('<p>我是谁<a>点击</a></p>')//用 text/html,才能被浏览器识别到

charset=utf-8:内容以:这个utf-8编码

在这里插入图片描述

3.关于读入文件的:相对路径和绝对路径:

这个相对路径实际上是相对于执行node命令所处的路径:

var fs=require(“fs”) //fs有很多API函数,获取fs对象
fs.readFile()//读人文件
我执行node命令在:d:/node1.js
文件07.html在:d:node1.js目录下 ;
所以:fs.readFile('./07.html',funtion(){ })
就能读取文件;把内容传给data

res.end(data)
就把html内容写在了:res.red()中
打开网页就能看见s.end中

在这里插入图片描述

在这里插入图片描述

var http = require("http"); // http 模块var fs=require("fs")   //var url=req.url;http.createServer(function(req, res) {//res.write('hello')//res.write('world!') // res.end('index page'); fs.readFile('./07.html',function(err,data) {    if(err){res.setHeader('Content-Type','text/plain; charset=utf-8')     res.end('wss')}else{res.setHeader('Content-Type','text/html; charset=utf-8')res.end(data)} })}).listen(3000);console.log("服务")

结果:

在这里插入图片描述

4.读图片

fs.readFile('./07.jpg',function(err,data)
res.setHeader(‘Content-Type',‘image/jpeg; charset=utf-8')
res.end(data)
//主要代码

到此这篇关于node.js根据不同请求路径返回不同数据详解流程的文章就介绍到这了,更多相关node.js 请求路径与数据内容请搜索51zixue.net以前的文章或继续浏览下面的相关文章希望大家以后多多支持51zixue.net!


下载地址:
Vue单页面应用做预渲染的方法实例
JS实现百度新闻导航栏效果
万事OK自学网:51自学网_软件自学网_CAD自学网自学excel、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。