目录
一、查看是否安装了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项目中调用,但是要配置代理