猎奇网站源码wordpress加载单页面

一、http模块

http 模块是 Node.js 官方提供的、用来创建 web 服务器的模块。通过 http 模块提供的 http.createServer0) 方法，就能方便的把一台普通的电脑，变成一台 Web 服务器，从而对外提供 Web 资源服务。

二、域名和域名服务器

尽管 IP 地址能够唯一地标记网络上的计算机，但!P地址是一长串数字，不直观，而且不便于记忆，于是人们又发明了另一套字符型的地址方案，即所谓的域名(Domain Name)地址。

IP地址和域名是--对应的关系，这份对应关系存放在一种叫做域名服务器(DNS，Domain name server)的电脑中。使用者只需通过好记的域名访问对应的服务器即可，对应的转换工作由域名服务器实现。因此，域名服务器就是提供 IP 地址和域名之间的转换服务的服务器。

注意：

• 单纯使用 IP 地址，互联网中的电脑也能够正常工作。但是有了域名的加持，能让互联网的世界变得更加方便
• 在开发测试期间， 127.0.0.1 对应的域名是 localhost，它们都代表我们自己的这台电脑，在使用效果上没有任何区别

 三、端口号

在一台电脑中，可以运行成百上千个web 服务。每个 web 服务都对应一个唯一的端口号。客户端发送过来的网络请求，通过端口号，可以被准确地交给对应的 web 服务进行处理。

四、创建web服务器的步骤

 （1）导入http模块

const http = require('http');

（2）创建web服务器实例

调用http.createServer（）方法

// 创建 HTTP 服务器
const server = http.createServer((req, res) => {// 设置响应头res.writeHead(200, { 'Content-Type': 'text/plain' });// 发送响应内容res.end('Hello, World!\n');
})

（3）为服务器实例绑定request事件

用于监听客户端的请求，使用server.on（）方法。

server.on('request',(req,res)=>{})

req请求对象：只要服务器接收到了客户端的请求，就会调用通过 server.on0 为服务器绑定的 request 事件处理函数。如果想在事件处理函数中，访问与客户端相关的数据或属性，可以使用如下的方式:

server.on('request', req=> {//req.url是客户端请求的URL地址//req.method是客户端请求的方法//req.headers是客户端请求的头信息//res是服务器响应对象const str=`你访问的地址是${req.url},请求方法是${req.method},请求头信息是${JSON.stringify(req.headers)}`res.setHeader('Content-Type', 'text/plain;charset=utf-8')console.log(str,'这是服务器响应：')// console.log('收到请求')
})

 res响应对象：在服务器的 request 事件处理函数中，如果想访问与服务器相关的数据或属性，可以使用如下的方式:

server.on('request', (req, res) => {const str=`你访问的地址是${req.url},请求方法是${req.method}`console.log(str, '这是服务器响应：')//res.end()方法用于结束响应，并发送响应数据到客户端res.end(str)
})

（4）启动服务器

利用server.listen（）方法来启动服务器。

// 服务器监听端口 3000
server.listen(3000, () => {console.log('Server running at http://localhost:3000/');
});

五、解决中文乱码问题

当调用 res.end( 方法，向客户端发送中文内容的时候，会出现乱码问题，此时，需要手动设置内容的编码格式：

server.on('request', (req, res) => {const str = `你访问的地址是${req.url},请求方法是${req.method}`//为了防止中文乱码，设置响应头res.setHeader('Content-Type', 'text/plain;charset=utf-8')console.log(str, '这是服务器响应：')//res.end()方法用于结束响应，并发送响应数据到客户端res.end(str)
})

六、根据不同的URL响应不同的HTML

（1）获取请求的URL地址

server.on('request', (req, res) => {//获取请求的URL地址const url =req.url
})

（2）设置默认的响应内容为404 Not found

server.on('request', (req, res) => {//获取请求的URL地址const url = req.url//设置默认的响应内容为 404 Not Foundlet content = '404 Not Found'
})

（3）判断用户请求的是否为/或/index.html首页

（4）判断用户请求的是否为/about.html关于页面

server.on('request', (req, res) => {//获取请求的URL地址const url = req.url//设置默认的响应内容为 404 Not Foundlet content = '404 Not Found'//判断用户请求的是否为/或/index.html首页//判断用户请求的是否为/about.html关于页面if (url === '/' || url === '/index.html') {content = '<h1>首页</h1>'} else if (url === '/about.html') {content = '<h1>关于页面</h1>'}
})

（5）设置Content-Type响应头，防止中文乱码

 //设置响应头res.setHeader('Content-Type', 'text/html;charset=utf-8')

（6）使用res.end（）把内容响应给客户端

server.on('request', (req, res) => {//获取请求的URL地址const url = req.url//设置默认的响应内容为 404 Not Foundlet content = '404 Not Found'//判断用户请求的是否为/或/index.html首页//判断用户请求的是否为/about.html关于页面if (url === '/' || url === '/index.html') {content = '<h1>首页</h1>'} else if (url === '/about.html') {content = '<h1>关于页面</h1>'}//设置响应头res.setHeader('Content-Type', 'text/html;charset=utf-8')//设置响应内容res.end(content)
})