【Vue】使用 `json-server` 准备后端接口服务环境(了解)

最新推荐文章于 2024-08-04 05:59:32 发布

洛上言

最新推荐文章于 2024-08-04 05:59:32 发布

阅读量445

点赞数 4

分类专栏： Vue 文章标签： vue.js json 前端

本文链接：https://blog.csdn.net/qq_39921135/article/details/139569560

版权

Vue 专栏收录该内容

228 篇文章 0 订阅

订阅专栏

其实在以后我们的开发过程中，当后端接口还没有准备就绪的时候，我们是可以利用一些工具快速的帮我们生成一套增删改查的接口的，这个工具就是json-server

安装全局工具 json-server （全局工具仅需要安装一次）

官网：json-server

yarn global add json-server 或 npm i json-server  -g

代码**根目录(src)**新建一个 db 目录

叫什么目录名字不重要，重要的是index.json文件

将资料 index.json 移入 db 目录

由于文件是json文件，属性名必须用双引号引起来

{
   "cart": [
        {
            "id": 100001,
            "name": "低帮城市休闲户外鞋天然牛皮COOLMAX纤维",
            "price": 128,
            "count": 1,
            "thumb": "https://yanxuan-item.nosdn.127.net/3a56a913e687dc2279473e325ea770a9.jpg"
        }
   ]
}