Node.js —— Express中服务器的创建、托管静态资源、nodemon

目录

Express的安装

[创建基本的 Web 服务器](#创建基本的 Web 服务器)

监听GET请求

监听POST请求

把内容响应给客户端

[​编辑获取 URL 中携带的查询参数](#编辑获取 URL 中携带的查询参数)

[​编辑获取 URL 中的动态参数](#编辑获取 URL 中的动态参数)

​编辑托管静态资源

express.static()

托管多个静态资源目录

挂载路径前缀

nodemon:

[为什么要使用 nodemon](#为什么要使用 nodemon)

[安装 nodemon](#安装 nodemon)

[使用 nodemon](#使用 nodemon)


Express的安装

在项目所处的目录中,运行如下的终端命令,即可将 express 安装到项目中使用:

javascript 复制代码
npm i express

创建基本的 Web 服务器

javascript 复制代码
//导入express模块
const express = require ('express')
//创建web服务器
const app = express()
//调用app.listen(端口号,启动成功后的回调函数),启动服务器
app.listen(2386,()=>{
    console.log('服务器启动成功')
})

监听GET请求

监听POST请求

把内容响应给客户端

javascript 复制代码
const express = require('express')
const app = express()
app.get('/user', (req, res) => {
    res.send({ user: '迪幻' })
})
app.post('/user', (req, res) => {
    res.send('请求成功')
})
app.listen(2386, () => {
    console.log('express server running at 127.0.0.1:2386');
})

获取 URL 中携带的查询参数

通过 req.query 对象,可以访问到客户端通过查询字符串的形式,发送到服务器的参数

javascript 复制代码
const express = require('express')
const app = express()
app.get('/', (req, res) => {
    console.log(req.query)
    res.send(req.query)
})
app.listen(2386, () => {
    console.log('express server running at 127.0.0.1:2386');
})

获取 URL 中的动态参数

通过 req.params 对象,可以访问到 URL 中,通过 : 匹配到的动态参数:

javascript 复制代码
const express = require('express')
const app = express()
app.get('/user/:id/:username', (req, res) => {
    console.log(req.params)
    res.send(req.params)
})
app.listen(2386, () => {
    console.log('express server running at 127.0.0.1:2386');
})

托管静态资源

express.static()

express 提供了一个非常好用的函数,叫做 express.static(),通过它,我们可以非常方便地创建一个静态资源服务器,例如,通过如下代码就可以将 public 目录下的图片、CSS 文件、JavaScript 文件对外开放访问了:

现在,你就可以访问 public 目录中的所有文件了:

注意:Express 在指定的静态目录中查找文件,并对外提供资源的访问路径。 因此,存放静态文件的目录名不会出现在 URL 中。

托管多个静态资源目录

如果要托管多个静态资源目录,请多次调用 express.static() 函数:

访问静态资源文件时,express.static() 函数会根据目录的添加顺序查找所需的文件。

挂载路径前缀

如果希望在托管的静态资源访问路径之前,挂载路径前缀,则可以使用如下的方式:

现在,你就可以通过带有 /public 前缀地址来访问 public 目录中的文件了:

nodemon:

为什么要使用 nodemon

在编写调试 Node.js 项目的时候,如果修改了项目的代码,则需要频繁的手动 close 掉,然后再重新启动,非常繁琐。 现在,我们可以使用 nodemon(https://www.npmjs.com/package/nodemon) 这个工具,它能够监听项目文件的变动,当代码被修改后,nodemon 会自动帮我们重启项目,极大方便了开发和调试。

安装 nodemon

在终端中,运行如下命令,即可将 nodemon 安装为全局可用的工具:

使用 nodemon

当基于 Node.js 编写了一个网站应用的时候,传统的方式,是运行 node app.js 命令,来启动项目。这样做的坏处是:代码被修改之后,需要手动重启项目。 现在,我们可以将 node 命令替换为 nodemon 命令,使用 nodemon app.js 来启动项目。这样做的好处是:代码被修改之后,会被 nodemon 监听到,从而实现自动重启项目的效果。

相关推荐
无巧不成书021815 小时前
2026最新Next-AI-Draw-io全攻略:AI驱动专业图表生成,Docker/Node.js本地部署零踩坑指南
人工智能·docker·node.js·next-ai-draw-io
悟空瞎说19 小时前
我踩过的4个Node.js微服务经典Bug,用一个库彻底解决(2000字详解+可直接复用代码)
后端·node.js
捉鸭子1 天前
某红书X-s X-s-common VMP逆向(算法还原)
python·web安全·网络安全·node.js·网络爬虫
freewlt1 天前
Node.js 性能分析实战指南:从入门到精通
node.js
火乐暖阳851051 天前
Vue3+Node.js
vue.js·node.js·pnpm·koa2·myslq2
被巨款砸中1 天前
从零到一:构建高效 Node.js 后端 API (Koa + Prisma 实战)
前端·javascript·vue.js·node.js·web
网络点点滴1 天前
Node.js-填充模板
node.js
zhensherlock1 天前
Protocol Launcher 系列:Trello 看板管理的协议自动化
前端·javascript·typescript·node.js·自动化·github·js
iNgs IMAC2 天前
如何在Windows系统上安装和配置Node.js及Node版本管理器(nvm)
windows·node.js
Aolith2 天前
学 Express 被 app.use 绕晕了?用流水线思维一次性搞懂 5 种中间件
后端·express