Express框架:创建服务器和发布static资源

Express简介

Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具。

使用 Express 可以快速地搭建一个完整功能的网站。

Express 框架核心特性:

1.可以设置中间件来响应 HTTP 请求。
2.定义了路由表用于执行不同的 HTTP 请求动作。
3.可以通过向模板传递参数来动态渲染 HTML 页面。

创建服务器并发布静态资源

总代码

import express from 'express';//导入 express
const app = express() // 创建 web 服务器

// 监听客户端的 GET 和 POST 请求,并向客户端响应具体的内容
app.get('/', (req, res) => {
    var aa = { name: '张三', age: 20, gender: '男' }
    // 向客户端响应一个 JSON 对象
    // 调用 express 提供的 res.send() 方法
    res.send(aa)
})
app.post('/', (req, res) => {
    res.send('请求成功') // 向客户端响应一个 文本字符串
})

app.get('/query', (req, res) => {
    // 通过 req.query 可以获取到客户端发送过来的查询参数(默认:空对象)
    res.send(req.query)
})

// 注意:这里的 :id 是一个动态的参数()
app.get('/:id1/:id2', (req, res) => {
    // req.params 是动态匹配到的 URL 参数,默认:空对象
    res.send(req.params)
})

// 调用 express.static()方法,快速对外提供静态资源
app.use('/newName', express.static('./fileName')) 
// newName 是 fileName 的别名

// 启动 web 服务器
app.listen(8080, () => {
    console.log('express server running at http://127.0.0.1:8080')
})

req.send()


// 监听客户端的 GET 和 POST 请求,并向客户端响应具体的内容
app.get('/', (req, res) => {
    var aa = { name: '张三', age: 20, gender: '男' }
    // 向客户端响应一个 JSON 对象
    // 调用 express 提供的 res.send() 方法
    res.send(aa)
})
app.post('/', (req, res) => {
    res.send('请求成功') // 向客户端响应一个 文本字符串
})

在这里插入图片描述

post在这里插入图片描述

req.query

app.get('/query', (req, res) => {
    // 通过 req.query 可以获取到客户端发送过来的查询参数(默认:空对象)
    res.send(req.query)
})

?keyName=value 就是客户端发送过来的查询参数(我用了postman,当然也可以输入图片中的网址,用 & 可以多个)
在这里插入图片描述

req.params :id

// 注意:这里的 :id 是一个动态的参数
app.get('/:id1/:id2', (req, res) => {
    // req.params 是动态匹配到的 URL 参数,默认:空对象
    res.send(req.params)
})

在这里插入图片描述

静态资源

// 调用 express.static()方法,快速对外提供静态资源
app.use('/newName', express.static('./内置模块')) 
// newName 是 fileName 的别名(可省略)
实际目录:./内置模块/fs.js

在这里插入图片描述

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
### 回答1: 是的,在 Express.js 中,你可以多次使用 app.use() 函数来使用静态资源中间件。 app.use(express.static()) 方法允许你指定一个路径来提供静态资源(例如 HTML 文件、图片、CSS 文件等)。这样,当客户端请求一个这个路径下的静态资源时,服务器就会返回对应的文件。 例如,你可以这样使用 app.use(express.static()) 方法: ``` app.use(express.static('public')); ``` 这样,你就可以把你的静态资源放在一个名为 "public" 的文件夹中,然后通过这个路径来访问这些资源。 你也可以使用多个 app.use(express.static()) 方法来提供多个静态资源路径,例如: ``` app.use(express.static('public')); app.use(express.static('files')); ``` 这样,你就可以通过两个不同的路径来访问静态资源了。 ### 回答2: 可以多次使用app.use(express.static())来指定不同的静态文件目录。 在Node.js中,使用express框架时,可以通过app.use(express.static())来指定静态文件的存放目录。该方法是express框架提供的中间件,用于访问静态资源。 在多次使用app.use(express.static(dir))时,每次传入不同的目录作为参数即可。例如,可以通过以下代码多次指定不同的静态文件目录: app.use(express.static('public')); app.use(express.static('images')); app.use(express.static('files')); 以上代码就将/public、/images和/files目录下的静态文件,如HTML、CSS、JavaScript等,对外提供访问。 这样可以实现一些特殊需求: 1. 当多个目录下的静态文件有重名时,可以通过多次使用express.static()来分别指定不同的目录,从而避免文件冲突。 2. 当项目的静态文件较多时,可以将它们分别存放在不同的目录下,并通过多次使用express.static()来指定各个目录,保持项目结构的清晰性。 需要注意的是,当多次使用app.use(express.static())时,静态资源的访问路径会按照顺序进行匹配,直到找到匹配的静态文件为止。因此,如果多个静态文件目录下存在相同的文件名时,会优先返回第一个匹配的文件。 总而言之,app.use(express.static())可以多次使用,并且可以指定不同的静态文件目录,以满足不同的项目需求。 ### 回答3: app.use(express.static())可以多次使用。express.static()是一个中间件函数,用于托管静态文件。通过调用app.use(express.static()),可以指定多个静态文件目录,来托管不同类型的静态文件。每次调用app.use(express.static()),都可以传入不同的静态文件目录作为参数,用于指定不同的文件路径。 例如,我们可以通过以下方式多次使用app.use(express.static())来指定多个静态文件目录: app.use(express.static('public')):指定public文件夹作为静态文件目录。 app.use(express.static('images')):指定images文件夹作为静态文件目录。 app.use(express.static('css')):指定css文件夹作为静态文件目录。 这样,当我们在浏览器中访问服务器上的静态文件时,express会自动查找指定的静态文件目录,并将文件发送给浏览器。多次使用app.use(express.static())可以为服务器提供多个静态文件目录,以便更好地组织和管理静态文件。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小木荣

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值