搭建一个简单的node服务，模拟后端接口

目录

一、查看是否安装了node和npm

二、创建一个文件夹，用于放你的node服务代码

三、初始化一个package.json

四、安装 Express（快速搭建服务的框架）

五、创建serve.js

六、运行服务即可

七、测试接口

法一：使用 curl

法二、直接在控制台用fetch调用

法三、在vue3项目中调用，但是要配置代理

---

一、查看是否安装了node和npm

node -v  # 应输出版本号，如 v18.x.x
npm -v   # 应输出 npm 版本号，如 9.x.x

二、创建一个文件夹，用于放你的node服务代码

mkdir shnode
cd shnode

三、初始化一个package.json

npm init -y

四、安装 Express（快速搭建服务的框架）

npm install express

五、创建serve.js

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

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

// 定义 POST 接口
app.post('/api/post', (req, res) => {
  // 获取请求体中的数据
  const requestData = req.body;

  // 模拟处理逻辑
  const response = {
    status: 'success',
    message: '数据接收成功',
    receivedData: requestData
  };

  // 返回 JSON 响应
  res.json(response);
});

// 启动服务
app.listen(port, () => {
  console.log(`服务已启动，访问地址：http://localhost:${port}`);
});

六、运行服务即可

node server.js

七、测试接口

法一：在终端使用 curl

curl -X POST -H "Content-Type: application/json" -d '{"name":"Alice","age":25}' http://localhost:8088/api/post

 

法二、直接在控制台用fetch调用

fetch('/api/post', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({ name: 'Suoheng', age: 25 })
  })
  .then(response => response.json())
  .then(data => console.log(data));

法三、在vue3项目中调用，但是要配置代理