当前位置: 首页 > article >正文

搭建一个简单的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项目中调用,但是要配置代理

 


http://www.kler.cn/a/571993.html

相关文章:

  • 阿里通义万相2.1模型在亚马逊云科技ECS容器中的私有化部署
  • Dockershrink 开源的 AI 助手(程序包),可减小应用程序的 Docker 镜像的大小
  • STM32F103C8T6 基于 TB6612 驱动 12V 编码电机的教程
  • 【高并发内存池】项目介绍 + 定长内存池 + 整体框架设计
  • Vue 3 核心 API 和函数
  • 科技风杂志科技风杂志社科技风编辑部2025年第5期目录
  • 如何在 Windows 和 Linux 下查看 MD5——原理、作用及完整性验证指南
  • JavaWeb学习日记(十三)Springboot原理+Bean管理
  • Hive大表和小表查询优化方案探索
  • HTTP 状态代码 501 502 问题
  • Windows 11 smb 共享文件, 新电脑需要用户名和密码
  • 操作系统启动——前置知识预备
  • 《OpenCV》——dlib(人脸应用实例)
  • 机器学习相关知识概述
  • Leetcode 215 数组中的第K个最大元素
  • Libgdx游戏开发系列教程(4)——显示中文文字
  • Kubernetes教程(三)Docker容器命令
  • 股市现期驱动因子
  • go:windows环境下安装Go语言
  • AWS中使用CloudFront分发API Gateway