在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>