一.使用内置http实现静态资源加载
原生node要实现静态资源加载就需要借助其内置模块“fs”中的方法去读取静态资源,然后用response中的方法响应给用户
1.需要用到的模块
const http = require('http');
const fs = require('fs');
const path = require('path');
2.加载静态资源
一个简单的示例代码
fs.readFile('./static/msg.txt', function (err, data) {
if (err) {
console.log('留言板读取失败!!!')
}
response。end(data)
})
二.使用express库实现静态资源加载
这里可以直接用static中间件—
1.首先,需要安装express库:
安装密令:npm install express
2.示例代码帮助理解
// static中间件用于托管静态文件。
// 通过使用express.static中间件函数,可以指定从哪个目录提供静态资源,如图片、CSS和JavaScript文件。
const express = require('express')
// 创建服务器
var app = express();
// 使用static中间件
app.use(express.static(__dirname + '/public'))
app.use(function(request,response){
// 响应信息
response.writeHead(200, { 'Content-Type': 'text/html' })
response.end('<img src="/demo01.jpg" width = "100%" />')
});
// 启动服务器
app.listen(52273,function(){
console.log('服务器监听地址 http://127.0.0.1:52273');
})