利用express来启动一个本地服务,并且设置静态目录

首先,请确保你已经安装了 Node.js 和 npm。如果还没有,请从 Node.js 官网下载并安装。
1:创建一个新的项目目录,并初始化 npm:

mkdir my-express-app
cd my-express-app
npm init -y
npm install express

2:根目录创建app.js文件,里面的内容如下

使用静态目录
目录结构

my-express-static-app/
│
├── public/
│   ├── index.html
│   ├── styles.css
│   └── script.js
└── app.js
// app.js

const express = require('express');
const app = express();
const port = 3000;

// 设置静态文件目录
app.use(express.static('public'));

// 中间件示例:解析 JSON 请求体
app.use(express.json());

// 路由示例:根路由
app.get('/', (req, res) => {
  res.send('Hello, world!');
});

// 路由示例:带参数的路由
app.get('/hello/:name', (req, res) => {
  const name = req.params.name;
  res.send(`Hello, ${name}!`);
});

// 路由示例:POST 请求
app.post('/data', (req, res) => {
  const data = req.body;
  res.send(`You sent: ${JSON.stringify(data)}`);
});

// 启动服务器
app.listen(port, () => {
  console.log(`Server is running at http://localhost:${port}`);
});

3:启动服务

node app.js
  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值