当前位置：首页 > news >正文

http模块服务器端如何响应（获取）静态资源？

news 2025/8/22 9:54:41

一、静态资源与动态资源介绍：

（1）静态资源

内容长时间不改变的资源。eg：图片、视频、css js html文件、字体文件...

（2）动态资源

内容经常更新的资源。eg：百度首页、淘宝搜索列表...

二、服务器端如何获取静态资源的代码？

我的目录：

01.css文件：

h1{color: red;font-size: 30px;
}

01.js文件：

var button=document.getElementById('button1');
button.onclick=function(){this.style.backgroundColor="yellow";
}

01.html文件：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><link rel="stylesheet" href="./css/01.css">
</head>
<body><h1>静态资源</h1><button id="button1">请点击我</button>
</body>
<script src="./js/01.js"></script>
</html>

serve.js文件：

// 1.导入http模块
const http = require('http');
const fs = require('fs');
// 2.创建服务对象
const server = http.createServer((request, response) => {// 获取请求url路径let { pathname } = new URL(request.url, 'http://127.0.0.1');// 拼接文件路径 以我的目录为例子，我所有的文件都是在pages这个文件夹里面的。所以定义一个变量filePath来进行总体拼接，以简化后续代码// 注意：如果我不单单想局限于读取pages文件夹下的内容，若我想读取我的大文件夹my下的任何文件，就将filePath设置为let filePath=__dirname+pathname; 注意，读取的文件名不能以中文命名。否则会报错let filePath=__dirname+'/pages'+pathname;// 读取文件 fs异步APIfs.readFile(filePath,(err,data)=>{if(err){response.end("文件读取失败,失败原因是:"+err.message);return;}response.end(data);})
})
// eg：服务器端响应出01.css静态资源，即打开浏览器输入http://127.0.0.1/css/01.css即可显示其代码内容
// 3.监听端口，启动服务
server.listen(9000, () => {console.log('服务已启动...');
})

服务器运行结果显示：

当我想获取01.html里面的代码时：在端口号后接/01.html

当我想获取01.js里面的代码时：在端口号后接/js/01.js

http模块服务器端如何响应（获取）静态资源？

一、静态资源与动态资源介绍： （1）静态资源内容长时间不改变的资源。eg：图片、视频、css js html文件、字体文件... （2）动态资源内容经常更新的资源。eg：百度首页、淘宝搜索列表... 二、服…...

编程日记 2024/4/2 21:03:49

基于PHP的校园招聘管理系统

有需要请加文章底部Q哦可远程调试基于PHP的校园招聘管理系统一介绍此校园招聘管理系统基于原生PHP开发，数据库mysql，前端bootstrap。系统角色分为个人用户，企业和管理员三种。技术栈：phpmysqlbootstrapphpstudyvscode 二…...

编程日记 2024/4/2 20:57:43

LLMs 可能在 2 年内彻底改变金融行业

在艾伦图灵研究所（The Alan Turing Institute）最新的一项研究中，我们看到了大型语言模型（Large Language Models，LLMs）的一种可能性。它有望通过检测欺诈行为、生成财务洞察以及自动化客户服务，…...

编程日记 2024/4/2 20:55:41

nodejs 中 yarn的安装和使用

Yarn是一个快速、可靠、易于使用的包管理工具，它是Facebook、Google、Tencent等公司使用的默认JavaScript包管理工具。Yarn可以帮助开发者在项目中管理依赖，确保不同环境之间的依赖一致性，并且加速依赖的下载和安装。安装Yarn Yarn支持多种操作系统，包括macOS、Linux和W…...

编程日记 2024/4/2 20:53:38

软件工程学习笔记14——案例解析篇

案例解析篇一、大型开源项目对软件工程的应用1、开发迭代过程二、大厂是怎样应用软件工程的1、软件项目开发团队组成（1）软件开发团队规模小（2）没有专职测试（3）DevOps 文化 2、开发工具的使用3、项目开发流…...

编程日记 2024/4/2 20:52:37

【文件操作API的使用】

1.概念这对聪明的你们来说简直就是，对吗。那什么是文件操作符，文件操作又有哪些步骤呢？ 文件操作符通常用于指代在计算机编程中用于处理文件的特殊符号或标识符。在很多编程语言中，文件操作符被用于打开、关闭、读取和写入文件…...

编程日记 2024/4/2 20:50:35

C++ 让类只在堆或栈上分配

1. 让类只在栈上或堆上分配内存在C中，类的对象建立分为两种： 一种是静态建立，如A a； 另一种是动态建立，如A* ptrnew A；这两种方式是有区别的。 1、静态建立类对象：是由编译器为对象在栈空间…...

编程日记 2024/4/2 20:48:32

SpringMVC源码分析(九)--返回值解析器

1.返回值解析器介绍返回值解析器用于解析Hanlder执行方法后的返回结果，例如将方法上标注有@ResponseBody注解的返回值解析成JSON、将方法返回的字符串作为视图名等 SpringMVC中默认的返回值解析器见RequestMappingHandlerAdapter#getDefaultReturnValueHandlers private L…...

编程日记 2024/4/2 20:46:30

京西商城——创建订单和获取订单接口

在之前的写过的接口中，我先后用了基于View和APIView来编写视图类基于APIView类的时候相对于View会有很多便捷，但其实drf还在APIView的基础上又封装了一个 GenericAPIView 类，会大大减少了在编写视图时的重复代码和在修改代码时的工作量。 G…...

编程日记 2024/4/2 20:45:29

大话设计模式之模板方法模式

模板方法模式（Template Method Pattern）是一种行为设计模式，它定义了一个算法的框架，将特定步骤的实现延迟到子类中。模板方法模式通过在父类中定义算法的骨架，而将具体步骤的实现留给子类来完成，从而使子类…...

编程日记 2024/4/2 20:44:27

新model开发记录

模型使用 -- 用blender导出为 fbx ，修改渲染方式（点击模型->Materials->Extract Materials(将材质从fbx中单独提取出来了)->Materials 选择 Shader -> SimpleURPToonLitExample 点开脸的材质，勾选第一条） 解决角色…...

编程日记 2024/4/2 20:42:25

ARMday1

1.总结keil5下载代码和编译代码需要注意的事项答：下载代码时，确保stlink的驱动有效、魔术棒中硬件型号的连接编译代码时，先将配置魔术棒里Debug中的Setting，将Flash中Reset and Run勾选上，并去除pack中的Enab…...

编程日记 2024/4/2 20:41:24

【C++风云录】创造视觉奇迹：探索C++图形编程的魅力与可能性

图形与界面：从SFML到Allegro，探索C图形编程的世界前言随着计算机图形技术和界面设计的快速发展，图形编程在软件开发中变得越来越重要。C作为一种功能强大的编程语言，为开发人员提供了丰富的图形编程工具和库。本文将介绍几个流…...

编程日记 2024/4/2 20:38:20

常见的Nginx+Redis+MQ+DB架构设计

三高，复杂的架构 SQRS CAP 缓存，限流【Redis，缓存】 cache-aside 缓存cache：数据源的副本 store 1. Read/Write Through Pattern 读写穿透模式 redis：放当前在线用户，热点数据...

编程日记 2024/4/2 20:37:19

vue+elementUI搭建动态表头的表格

前提：以下代码是vue2项目结合elementUi完成的数据结构后端传来的数据是两个list，一个表头的list，一个表格内容的list // 表头 headTableAtts: [{ columnLabel: 姓名, columnName: name },{ columnLabel: 年龄, columnName: age },{ colu…...

编程日记 2024/4/2 20:35:17

【ENSP】交换机和交换机之间实现静态路由

1.概念三层交换机只能在Vlanif逻辑口配置iP地址 2.实现方法交换机允许对应vlan通行，配置vlanif的ip地址，做静态路由 3.静态路由配置方法 ip route-static 目的网段子网掩码下一跳设备 LSW1三层交换机配置 u t m sys vlan batch 10 20 …...

编程日记 2024/4/2 20:31:12

2024.2.18力扣每日一题——N叉树的前序遍历

2024.2.18 题目来源我的题解方法一深度优先遍历（递归方式）方法二迭代方式（栈实现） 题目来源力扣每日一题；题序：589 我的题解方法一深度优先遍历（递归方式） 与二叉树的前序遍…...

编程日记 2024/4/2 20:28:08

采用data-留下分享链接的拼接参数 1.在item文件中写按钮 openType“share” <ButtonclassName{classes.rowRightShareButton}openType"share"data-share-transfer-id{lastGiftingTransferId}data-share-picture-url{shareUrl}data-share-title{shareTitle}onClic…...

编程日记 2024/4/2 20:27:07

深入理解计算机系统家庭作业 2.65

/* 异或运算可以把同为1时变成0。 */ #include <stdio.h> #include <stdlib.h> int odd_ones(unsigned x); int main(void) { int x0xF00000016; printf("x的奇数位:%d",odd_ones(x)); return 0; } int odd_ones(unsigned x) { char…...

编程日记 2024/4/2 20:24:03

Java字节码

Java Agent概述 Java Agent是一种特殊类型的软件组件，它允许在Java虚拟机（JVM）运行时修改应用程序的字节码。这种技术通常用于性能监控、日志记录、系统调试等。Java Agent主要分为两类： 1. 启动时加载的Agent（Pre-Ma…...

编程日记 2024/4/2 20:22:01

（二）TensorRT-LLM | 模型导出（v0.20.0rc3）

0. 概述上一节对安装和使用有个基本介绍。根据这个 issue 的描述，后续 TensorRT-LLM 团队可能更专注于更新和维护 pytorch backend。但 tensorrt backend 作为先前一直开发的工作，其中包含了大量可以学习的地方。本文主要看看它导出模型的部分&#x…...

编程新知 2025/8/22 4:15:24

渲染学进阶内容——模型

最近在写模组的时候发现渲染器里面离不开模型的定义，在渲染的第二篇文章中简单的讲解了一下关于模型部分的内容，其实不管是方块还是方块实体，都离不开模型的内容 🧱 一、CubeListBuilder 功能解析 CubeListBuilder 是 Minecraft Java 版模型系统的核心构建器，用于动态创…...

编程新知 2025/7/30 14:13:39