node.js实现静态资源加载的方法——两种方法http及express

一.使用内置http实现静态资源加载

原生node要实现静态资源加载就需要借助其内置模块"fs"中的方法去读取静态资源,然后用response中的方法响应给用户

1.需要用到的模块

javascript 复制代码
const http = require('http');
const fs = require('fs');
const path = require('path');

2.加载静态资源

一个简单的示例代码

javascript 复制代码
fs.readFile('./static/msg.txt', function (err, data) {
            if (err) {
                console.log('留言板读取失败!!!')
            }
            response。end(data)
        })

二.使用express库实现静态资源加载

这里可以直接用static中间件---

1.首先,需要安装express库:

安装密令:npm install express

2.示例代码帮助理解

javascript 复制代码
// 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');
})
相关推荐
Boale_H6 小时前
如何获取npm的认证令牌token
前端·npm·node.js
帅气的花泽类6 小时前
npm error code ERR_SSL_TLSV1_UNRECOGNIZED_NAME
前端·npm·node.js
San309 小时前
使用 OpenAI API 生成文本与图片:从环境搭建到提示工程完全解析
javascript·人工智能·node.js
Boale_H11 小时前
前端流水线连接npm私有仓库
前端·npm·node.js
有点笨的蛋13 小时前
从零构建你的 AIGC 后端:pnpm + dotenv + OpenAI SDK 的现代工程实践
人工智能·node.js
喜欢踢足球的老罗15 小时前
零依赖一键多端!用纯 Node.js 打造“IP 可访、角色隔离”的轻量化 Mock 服务器
服务器·tcp/ip·node.js
2501_9387820915 小时前
《Express 面试高频错题集:容易踩坑的 Node.js 后端问题解析》
面试·node.js·express
白兰地空瓶15 小时前
从 npm 到 pnpm:现代项目必学的包管理升级指南
node.js
南山安15 小时前
从零开始玩转 AIGC:用 Node.js 调用 OpenAI 接口实现图像生成与销售数据分析
javascript·node.js
葡萄城技术团队16 小时前
将 Node.js REST API 改造为 AI 就绪的 MCP 服务器
node.js