- 默认引入http模块
const http = require('http') - 默认创建创建web父亲实例
const server = http.createServer() - server.on(req,res){
1、获取请求的 url 地址
2、设置默认的响应内容为 404 Not found
3、判断用户请求的是否为 / 或 /index.html 首页
4、判断用户请求的是否为 /about.html 关于页面
5、设置 Content-Type 响应头,防止中文乱码
6、使用 res.end() 把内容响应给客户端
} - 启动服务器(修改之后要重新服务器)
server.listen(端口号默认80 地址栏可以省略, () => { 提示的内容 ,在终端里面显示 })
⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️操作实例⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️
//一、默认引入http模块
const http = require('http')
//二、默认创建创建web父亲实例
const server = http.createServer()
// 三、server.on(req是请求对象,)
// 默认:为服务器实例绑定 request 事件
// 解释:req是请求对象,包含了客户端相关的数据和属性
server.on('request', (req, res) => {
const method = req.method//req.method是客户端请求的method类型
// 5.根据不同的url响应不同的html核心实现流程
// 5.1、获取请求的 url 地址
const url = req.url//req.url是客户端请求的url地址
// 5.2、设置默认的响应内容为 404 Not found
let content = '<h1>404 Not found</h1>'
// 5.3、判断用户请求的是否为 / 或 /index.html 首页
if (url === '/' || url === '/index.html') {
content = '<h1>首页</h1>'
}
// 5.4、判断用户请求的是否为 /about.html 关于页面
else if (url === '/about.html') {
content = '<h1>关于页面</h1>'
}
// 5.5、设置 Content-Type 响应头,防止中文乱码
// ps: 'Content-Type', 'text/html; charset=utf-8' 固定写法
res.setHeader('Content-Type', 'text/html; charset=utf-8')
// 5.6、使用 res.end() 把内容响应给客户端
res.end(content)
})
// 四、启动服务器(修改之后要重新服务器)
server.listen(80, () => {
console.log('server is running at http://127.0.0.1/');
})