【vue.js】vue中的Ajax——json-server

发布于:2023-01-02 ⋅ 阅读:(193) ⋅ 点赞:(0)

🚗个人主页:最好的人啊

🚌系列专栏:HTML/CSS

🚐推荐一款模拟面试、刷题神奇、从基础到大厂的面试题库,要想走上人生巅峰迎娶白富美赶快点击这个网站⚡不要犹豫,白富美在向你招手,快来注册吧!

 

json-server

 定义

一个在前端本地运行,可以存储json数据的server,当后端api未搭建好,前端开发人员

可以自行搭建server服务器。

安装

命令行:

npm install -g json-server

查看版本:

json-server -v 

(查看是否已安装成功)

服务创建

自定义一个文件“myserver” 执行cmd:json-server --watch db.json

没有db.json 会自动生成默认数据(未定义接口就是默认接口),

每一个根节点都是一个路由。

自定义端口号:json-server --watch db.json --port 3001

package.json

如果想省事,上述的配置文件可在db.json 统计目录创建 package.json,代码如下:

{
      "scripts":
    {
         "mock":"json-server --watch db.json --port 3001"
    }
 }

下次启动执行:npm run mock

结束语:

搏一搏单车变摩托🏍

前端面试神器(不只有前端嗷)----->​​​​​​ 好兄弟,为了梦想

让我们一起进步,拿到自己想要的offer


网站公告

今日签到

点亮在社区的每一天
去签到