假数据神器JSONPlaceholder介绍（假数据接口、模拟数据接口、模拟测试接口、Mock data interface）

https://jsonplaceholder.typicode.com/

🚀 假数据神器：JSONPlaceholder 免费 API 接口详解与使用指南

在前端或后端开发中，我们经常会遇到这样的情况：

“后端接口还没写完，但我已经要调接口联调页面了！”
“想测试前端请求模块，但没有真实数据怎么办？”

这时候，一个免费、稳定的假数据接口服务就能救你于水火。
今天给大家介绍一个超好用的工具——JSONPlaceholder。

---

🌐 一、什么是 JSONPlaceholder？

👉 JSONPlaceholder 是一个在线 REST API 服务，提供一系列模拟数据接口，适合用于：

• 前端开发阶段的接口调试；
• HTTP 请求库（如 Axios、Fetch）的测试；
• 后端框架或工具的 API 调用演示；
• 教学与 Demo 示例。

它的数据内容不会变化，也不会真的存入数据库，因此可以无限次请求，完全免费、无需注册。

---

📦 二、可用的资源列表

JSONPlaceholder 模拟了典型的 RESTful API 结构，包含以下资源：

资源名	示例接口	说明
Posts	/posts	模拟文章或博客内容
Comments	/comments	模拟评论数据
Albums	/albums	模拟相册数据
Photos	/photos	模拟图片数据
Todos	/todos	模拟待办事项
Users	/users	模拟用户信息

📌 基础 URL：

https://jsonplaceholder.typicode.com/

---

🧩 三、常见请求示例

1️⃣ 获取所有文章

GET https://jsonplaceholder.typicode.com/posts

返回示例：

[{"userId": 1,"id": 1,"title": "sunt aut facere repellat provident occaecati","body": "quia et suscipit..."},...
]

---

2️⃣ 获取单个文章详情

GET https://jsonplaceholder.typicode.com/posts/1

返回：

{"userId": 1,"id": 1,"title": "sunt aut facere repellat provident occaecati","body": "quia et suscipit..."
}

---

3️⃣ 提交一条新文章

POST https://jsonplaceholder.typicode.com/posts
Content-Type: application/json{"title": "Hello JSONPlaceholder","body": "这是一篇测试文章","userId": 1
}

返回结果（模拟创建成功）：

{"id": 101,"title": "Hello JSONPlaceholder","body": "这是一篇测试文章","userId": 1
}

💡 虽然返回了新 ID，但不会真的写入服务器，刷新后仍是原始数据。

---

🧠 四、与前端代码结合使用

✅ 示例：在 Vue / React 中使用 Axios

import axios from "axios";axios.get("https://jsonplaceholder.typicode.com/users").then(res => {console.log("用户数据：", res.data);}).catch(err => {console.error("请求失败：", err);});

非常适合在组件初始化阶段测试数据加载逻辑。

---

🧪 五、支持的 HTTP 方法

方法	描述
GET	获取数据
POST	模拟创建数据
PUT	模拟替换数据
PATCH	模拟局部更新
DELETE	模拟删除数据

这些请求方法都可以正常返回对应的结果，方便你在开发阶段验证前端 CRUD 功能。

---

⚙️ 六、一些进阶玩法

🎯 筛选与查询参数

例如，获取 userId 为 1 的所有文章：

GET https://jsonplaceholder.typicode.com/posts?userId=1

🧩 嵌套资源请求

获取某篇文章的评论：

GET https://jsonplaceholder.typicode.com/posts/1/comments

🧷 结合 Mock 工具使用

如果你想在本地自定义更多字段，可以结合 Mock.js 或 json-server，基于 JSONPlaceholder 的结构快速生成定制数据。

---

❤️ 七、总结

优点	说明
🚀 免费且无需注册	打开即用
🧩 RESTful 风格	与真实项目一致
🔁 稳定可靠	数据结构固定
💡 支持 CRUD	方便联调测试

JSONPlaceholder 是开发早期阶段的好帮手，让你专注于页面逻辑和交互，而不是等待接口。

---

🔗 参考资料

• 官方网站：https://jsonplaceholder.typicode.com/
• GitHub 项目地址：https://github.com/typicode/jsonplaceholder

---

💬 结语
下次当你听到“接口还没准备好”时，不要再干等了。
打开 JSONPlaceholder，让假数据先跑起来吧！ 🚀