网站界面设计如何实现功能美与形式美的统一?鞍山网站设计制作网站

目录

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