在node.js中， 如果html页面中src路径是随便写的也不要紧
只要在请求src的时候在读取文件中把路径改过来就行了
如： 第9步 那样、
// 1. 导入http模块
var http = require('http');
// 2. 导入文件模块
var fs = require('fs');
// 3. 导入路径模块
var path = require('path');
// 4. 创建服务器
var server = http.createServer();
// 5. 监听客户端请求
/** request 是请求事件
* req： 浏览器请求对象
* res： 服务器响应对象
*/
server.on('request', function (req,res) {
// 7. 打印域名
console.log(req.url);
// 8. 如果没有请求路径，或者请求路径是index ，就展示首页
if (req.url === '/' || res.url === 'index') {
// 9. 读取文件 （路径需要拼接） 回调函数（err：错误信息，data：读取的文件）
fs.readFile(path.join(__dirname,'lc.html'),function (err,data) {
// 10. 如果有错误信息
if (err) {
// 11. 程序终止运行且打印错误信息
throw err;
}
// 12. 响应返回读取到的html文件
res.end(data)
})
// 13. 如果请求lc.gif图片
} else if (req.url === '/lc.gif') {
console.log('获取图片请求');
// 14. 读入图片文件 （拼接路径）回调函数（err：错误信息，data：读取的文件）
fs.readFile(path.join(__dirname,'/images/01.gif'),function (err,data) {
console.log('开始');
// 15. 如果有错误信息
if (err) {
// 16. 程序终止运行且打印错误信息
throw err;
}
// 17. 响应返回读取到的html文件
res.end(data)
})
// 18. 如果请求的是lcc.jpg
} else if (req.url === '/lcc.jpg') {
// 19. 读入图片文件 （拼接路径）回调函数（err：错误信息，data：读取的文件）
fs.readFile(path.join(__dirname, '/images/01.jpg'),function (err,data) {
// 20. 如果有错误信息
if (err) {
// 21. 程序终止运行且打印错误信息
throw err;
}
// 22. 响应返回读取到的html文件
res.end(data)
})
}
})
// 23. 开启服务器
server.listen(3000, function () { console.log('开启成功'); })
HTML文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<h1>这是首页</h1>
<img src="lc.gif" alt="">
<img src="lcc.jpg" alt="">
</body>
</html>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
