静态资源服务器

最新推荐文章于 2024-07-14 15:21:37 发布

十一吖i

最新推荐文章于 2024-07-14 15:21:37 发布

阅读量2.9k

点赞数 1

文章标签： javascript node.js html

小野猫

本文链接：https://blog.csdn.net/m0_51822639/article/details/120294603

版权

静态资源服务器

静态资源：就是一个一个文件。服务器的处理方法就是读出文件，返回。

文章目录

静态资源服务器
一、什么是静态资源服务器？
二、使用步骤
三、完成

一、什么是静态资源服务器？

静态资源：不会改变的资源。它们一般表现为某个文件。例如：index.html, style.css, index.js, mp4, .png…。处理请求静态资源时，服务器一般就直接读出资源的内容，再返回给客户端浏览器。

二、使用步骤

1.思路

在这里插入图片描述

2.准备工作

在这里插入图片描述

3.具体代码

index.html中的代码如下：

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./style.css">
</head>

<body>
    <h1>你好</h1>
    <img src="./picture.jpg" alt="">
    <script src="./js/index.js"></script>
</body>

</html>

server.js中的代码如下：

// 引入模块
const fs = require('fs')
const http = require('http')
const path = require('path')

// 设置对象
const obj = {
    ".jpg":"image/jpg",
    ".html":"text/html;charset=utf8",
    ".js":"application/javascript;charset=utf8",
    ".css":"text/css;charset=utf8"
}

// 使用createServer来创建服务
const server = http.createServer((req, res) => {
    const url = req.url === '/' ? '/index.html': req.url
    // 读取文件路径
    const filePath = path.join(__dirname, 'public', url)
    // console.log('要读取的文件的地址', filePath)
    // 获取路径文件的后缀
    const ext = path.extname(filePath)
    
    // 读取文件
    fs.readFile(filePath, (err, data) => {
        if (err) {
            res.statusCode = 404
            res.end('not found')
        } else {
            if (obj[ext]) {
                // 设置请求头
                res.setHeader('content-type', obj[ext])
            }
            // 向客户端发送内容，并结束本次响应
            res.end(data)
        }
    })
})

// 3. 启动服务器
server.listen(8083, () => {
    console.log('服务器启动成功');
  })

三、完成

在这里插入图片描述

十一吖i

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
静态资源服务器

静态资源服务器静态资源：就是一个一个文件。服务器的处理方法就是读出文件，返回。文章目录静态资源服务器一、什么是静态资源服务器？二、使用步骤1.思路2.准备工作3.具体代码三、完成一、什么是静态资源服务器？静态资源：不会改变的资源。它们一般表现为某个文件。例如：index.html, style.css, index.js, mp4, .png…。处理请求静态资源时，服务器一般就直接读出资源的内容，再返回给客户端浏览器。二、使用步骤1.思路2.准备工作3.具体代码index.html中
复制链接

扫一扫