/**
* 目标: 基于http模块创建Web服务程序
*
* 1.1 加载http模块, 创建Web服务对象
* 1.2 监听request请求事件, 设置响应头和响应体
* 1.3 配置端口号并启动Web服务
* 1.4 浏览器请求: http://localhost:3000 测试
*
*/
// 加载http模块, 创建web服务对象
const http = require('http');
const server = http.createServer()
// 监听request请求事件, 设置响应头和响应体
server.on('request', (req, res) => {
// 设置响应头, 内容类型 - 普通文本以及中文编码格式
res.setHeader('Content-Type', 'text/plain;charset=utf-8')
// 设置响应体内容, 结束本次请求与响应
res.end('欢迎使用Node.js 和http模块创建的Web服务')
})
// 配置端口号并启动Web服务
server.listen(4000, () => {
console.log('启动成功');
})
// 案例 - 浏览压缩后的html页面
/**
*
* 目标: 基于Web服务, 开发提供网页资源的功能
* 步骤:
* 1. 基于http模块, 创建Web服务
* 2. 使用req.url获取请求资源路径, 并读取index.html里字符串内容返回给请求方
* 3. 其他路径, 暂时返回不存在提示
* 4. 运行Web服务, 用浏览器发起请求
*
*/
const fs = require('fs')
const path = require('path')
const http = require('http');
const server = http.createServer()
server.on('request', (req, res) => {
if (req.url === '/index.html') {
fs.readFile(path.join(__dirname, 'dist/index.html'), (err, data) => {
if(err) console.error(err)
else {
res.setHeader('Content-Type', 'text/html;charset=utf-8');
res.end(data.toString())
}
})
} else {
res.setHeader('Content-Type', 'text/html;charset=utf-8')
res.end('你要访问的资源不存在')
}
})
server.listen(3000, () => {
console.log('3000端口请求成功');
})
http模块 - 创建Web服务以及案例
怕冷的火焰(~杰)2024-09-07 9:54
相关推荐
油丶酸萝卜别吃12 分钟前
jquery-ajax.js 说明文档windliang19 分钟前
Claude Code 源码分析(九):子 Agent 如何分叉、继续与回到父会话柒和远方1 小时前
V063: TS 面试必考:interface 与 type 的四大差异,与 LLM Harness 的自动化择优半个落月1 小时前
React useRef 详解:DOM 引用、持久化值与 Worker 实例阿黎梨梨1 小时前
TypeScript 类型编程:从新手到 Harness 工程实践黄金决明子1 小时前
Vue3 + Vite 打包后打开空白?张龙6871 小时前
终端效率翻倍实战:fzf + zoxide + ripgrep + bat 组合拳,告别重复敲命令宿6741 小时前
vue3-env环境蔬菜_1 小时前
前端转全栈-day5(数组、list、set)汉堡大王95271 小时前
Vue 3 + TS + Element Plus 实战:如何从零搭建企业级违章记录管理 SaaS 前端