学习vue-使用json-server模拟json数据

最新推荐文章于 2024-05-26 00:08:20 发布

作答

最新推荐文章于 2024-05-26 00:08:20 发布

阅读量303

点赞数 1

分类专栏：前端框架vue 文章标签： vue json-server

本文链接：https://blog.csdn.net/qq_37383968/article/details/88559712

版权

本文介绍了如何在Vue项目中使用json-server来模拟JSON数据。首先在项目根目录创建db.json文件并填充数据，然后通过命令行安装json-server，并启动服务。最后，展示了如何访问模拟的API路径，如http://localhost:3000/posts和http://localhost:3000/posts/1。

摘要由CSDN通过智能技术生成

第一步：在vue项目根目录创建db.json文件夹，添加如下数据

{
  "posts": [
    { "id": 1, "title": "json-server", "author": "typicode" }
  ],
  "comments": [
    { "id": 1, "body": "some comment", "postId": 1 }
  ],
  "profile": { "name": "typicode" }
}

第二步：在cmd命令行状态下输入以下命令，安装json-server

npm install -g json-server

第三步：在cmd命令行进入到项目根文件夹，输入以下命令

json-server --watch db.json

在浏览器输入以下访问路径即可

http://localhost:3000/posts

http://localhost:3000/posts/1

http://localhost:3000/comments

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

作答

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
学习vue-使用json-server模拟json数据

第一步：在vue项目根目录创建db.json文件夹，添加如下数据{ "posts": [ { "id": 1, "title": "json-server", "author": "typicode" } ], "comments": [ { "id": 1, "body": "some
复制链接

扫一扫