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

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

news 文章来源：https://blog.csdn.net/2301_76669854/article/details/137176517 2024/11/7 5:23:47

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

（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模块 服务器端如何响应（获取）静态资源？

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

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

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

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

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

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

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

编程日记 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、软件项目开发团队组成&#xff08;1&#xff09;软件开发团队规模小&#xff08;2&#xff09;没有专职测试&#xff08;3&#xff09;DevOps 文化 2、开发工具的使用3、项目开发流…...

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

【文件操作API的使用】

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

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

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

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

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

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

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

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

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

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

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

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

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

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

新model开发记录

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

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

ARMday1

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

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

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

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

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

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

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

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

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

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

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

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

1.概念 三层交换机只能在Vlanif逻辑口配置iP地址 2.实现方法 交换机允许对应vlan通行&#xff0c;配置vlanif的ip地址&#xff0c;做静态路由 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 题目来源我的题解方法一 深度优先遍历&#xff08;递归方式&#xff09;方法二 迭代方式&#xff08;栈实现&#xff09; 题目来源 力扣每日一题&#xff1b;题序&#xff1a;589 我的题解 方法一 深度优先遍历&#xff08;递归方式&#xff09; 与二叉树的前序遍…...

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

Taro活动列表中，对某一个活动添加分享按钮

采用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是一种特殊类型的软件组件&#xff0c;它允许在Java虚拟机&#xff08;JVM&#xff09;运行时修改应用程序的字节码。这种技术通常用于性能监控、日志记录、系统调试等。Java Agent主要分为两类&#xff1a; 1. 启动时加载的Agent&#xff08;Pre-Ma…...

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

深入解析大数据体系中的ETL工作原理及常见组件

** 引言 关联阅读博客文章&#xff1a;探讨在大数据体系中API的通信机制与工作原理 关联阅读博客文章&#xff1a;深入理解HDFS工作原理&#xff1a;大数据存储和容错性机制解析 ** 在当今数字化时代&#xff0c;大数据处理已经成为了企业成功的重要组成部分。而在大数据处…...

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

条件变量的简易C++实现版

条件变量通常与互斥锁一起使用&#xff0c;用于线程间的同步。以下是条件变量常用的一些函数&#xff1a; ①std::condition_variable::wait(lock, pred)&#xff1a;线程调用此函数时&#xff0c;会原子性地释放锁并阻塞当前线程&#xff0c;等待另一个线程调用 notify_one 或…...

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

目标检测评价标准

主要借鉴&#xff1a;https://github.com/rafaelpadilla/Object-Detection-Metrics?tabreadme-ov-file 主要评价指标、术语&#xff1a; Intersection Over Union (IOU)&#xff1a;两个检测框交集面积与并集面积的比值 True Positive (TP)&#xff1a;IOU大于阈值的检测框…...

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

C51-- 蓝牙，WIFI模块

HC-08蓝牙模块: 蓝牙 -- 最好用的 串口透传 模块 透传 -- 透明传送&#xff0c;指的是在数据传输的过程中&#xff0c;通过无线的方式这组数据不发生任何形式的改变&#xff0c; 仿佛传输过程是透明的&#xff0c;同时保证传输质量&#xff0c;最终原封不动的传送到接收者手…...

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

HN热帖｜替换Redis的一场赛跑

3 月 21 日&#xff0c; Redis Ltd. 宣布了一项重大决定&#xff1a;Redis “内存数据存储”项目从 Redis 7.4 版本开始将以非自由的、源代码可用的许可证发布。这一消息并不受欢迎&#xff0c;但也并非完全意外。这次的变化的不同寻常之处是市面上已经有了多个 Redis 替代品可…...

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

Kubernetes（k8s）：网络插件之Calico安装与详解

Kubernetes&#xff08;k8s&#xff09;&#xff1a;网络插件之Calico安装与详解 1、什么是Calico&#xff1f;2、安装和配置Calico&#xff08;控制节点-master执行&#xff09;3、配置网络策略4、 Calico 的 yaml 文件部分详解1、ConfigMap配置2、DaemonSet 配置 5、calico-k…...

编程日记 2024/4/2 20:02:40

Chrome base 库详解：工具类和常用类库

Chrome浏览器使用了一个强大的库名为base&#xff0c;它包括了许多工具类和常用类库&#xff0c;以支持Chrome的底层功能和性能优化。在本文中&#xff0c;我们将详细阐述base库中的每个子项&#xff0c;并提供示例代码来展示其用法。 base 库的基本结构 Chrome的base库是一个…...

编程日记 2024/4/2 19:58:34

Nginx开发实战三:替换请求资源中的固定数据

文章目录 1.效果预览2.下载Nginx解压并初始化3.字符串替换模块安装4.修改nginx配置文件并重启 1.效果预览 页面初始效果 页面替换后效果 说明:页面是内网的一个地址&#xff0c;我们通过nginx可以很便捷的将其改为外网访问&#xff0c;但是在外网访问这个地址后&#xff0c…...

编程日记 2024/4/2 19:57:33

如何在Python中实现多线程和多进程？

如何在Python中实现多线程和多进程&#xff1f; 在Python中&#xff0c;多线程和多进程是实现并发编程的两种主要方式。它们各自有其特点和适用场景。下面将分别介绍如何在Python中实现多线程和多进程&#xff0c;并探讨它们的优缺点。 一、多线程 Python的标准库提供了thre…...

编程日记 2024/4/2 19:56:32

Redis面试题10道

1、什么是 Redis&#xff1f;简述它的优缺点&#xff1f; Redis 的全称是&#xff1a;Remote Dictionary.Server&#xff0c;本质上是一个 Key-Value 类型的内存数据库&#xff0c;很像 memcached&#xff0c;整个数据库统统加载在内存当中进行操作&#xff0c;定期通过异步操作…...

编程日记 2024/4/2 19:55:30

专业微网站建设/整合营销传播方案案例

本文旨在用最通俗的语言讲述最枯燥的基本知识。 1.元字符 万物皆有源&#xff0c;正则也是如此&#xff0c;元字符是构造正则表达式的一种基本元素。 我们先来记几个常用的元字符&#xff1a; 元字符说明.匹配除换行符以外的任意字符\w匹配字母或数字或下划线或汉字\s匹配任…...

编程日记 2024/11/7 5:10:59

萧山做网站设计/近期重大新闻事件

有点发昏..可能是最近没休息好..争取今晚在二点之前把剩下的视频看完.然后去准备网工的考试吧.明天还上班呢...早点睡早点睡.. 伴着这首歌入眠吧,抛却所有.我要的执着.歌曲&#xff1a;执着歌手&#xff1a;许巍 专辑&#xff1a;在路上 每个夜晚来临的时候孤独总在我左右每个黄…...

编程日记 2024/11/7 4:20:32

做网站找那些公司/常见的网络推广方法有哪些

前言 学习groovy的目的最终是为了更好的使用gradle&#xff0c;前面已经对groovy进行了一些列的学习&#xff0c;接下来开始gradle的学习。 一、Gradle的执行流程 1、Initialization初始化阶段 解析整个工程中的所有project&#xff0c;构建所有的Project对应的project对象…...

编程日记 2024/11/7 1:06:49

wordpress怎么没有导航栏/网络推广专员是干什么的

Android实现新浪微博那种样式的底部标签&#xff0c;效果真滴灰常不错&#xff0c;不用不知道&#xff0c;一用吓一跳&#xff0c;放心&#xff0c;是惊喜&#xff0c;不是惊吓。代码示例&#xff1a;package com.good;import android.app.TabActivity;import android.content.…...

编程日记 2024/11/6 23:41:55

网络建设设计方案/免费seo课程

我在我的PHP脚本(PHP 5.6,Apache 2.2)中间歇性地遇到了这个问题&#xff1a;Warning: Cannot modify header information – headers already sent in /path/to/index.PHP on line 55这个警告没有我在其他问题中看过的“发送者”部分,所以我在违规的header()和setcookie()调用之…...

编程日记 2024/11/6 15:58:22

wordpress的tb show/公司网站怎么弄

1.求数组元素个数&#xff1a;sizeof (num)/num[0]。 2.指定初始化项目&#xff08;C99&#xff09;&#xff1a; int arr[6]{[5]212};//未初始化的元素都被设置为0特性&#xff1a;a&#xff09;如果在一个指定初始化项目后跟有不知一个值&#xff0c;则这些值用来对后续的数…...

编程日记 2024/11/6 13:52:28