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

最好的人啊

于 2022-09-01 11:49:37 发布

阅读量482

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue 文章标签： vue.js ajax javascript

13 篇文章

订阅专栏

这篇博客介绍了如何利用json-server在前端本地创建一个模拟的API服务器，用于在后端API未完成时进行前端开发。通过安装和配置json-server，可以自定义json数据并指定端口号。此外，博主还推荐了一个面试题库网站，帮助开发者提升技能并追求职业发展。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

🚗个人主页：最好的人啊

🚌系列专栏：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