json-server常见问题

布满荆棘的人生 2022-02-28 23:45 253阅读 0赞

**json-server搭建本地测试服务器：**

**mock数据（[模拟][Link 1]后台数据）**   
现在基本上都是前后端分离，前端是前端工程师，后端属于后端工程师，但是前后端交互是个必不可少的环节，一般用Ajax进行交互。还需要一些实验数据来支撑，就需要模拟数据。

1..[vue-cli的build的文件夹下没有dev-server.js文件，怎么配置mock数据][vue-cli_build_dev-server.js_mock]

因为最新版本的vue-cli已经放弃dev-server.js，只需在webpack.dev.conf.js配置就行

链接：[https://www.cnblogs.com/luziluck/p/8288581.html][vue-cli_build_dev-server.js_mock]

（1）在const portfinder = require(‘portfinder’)下面加入：

const express = require('express')
    const app = express()//请求server
    var appData = require('../mock/goods.json')//加载本地数据文件
    var goods = appData.goods
    var apiRoutes = express.Router()
    app.use('/api', apiRoutes)//通过路由请求数据

（2）接下来，在**devServer**下面加入

///添加mock接口数据
        before(app) {
         app.get('/api/goods', (req, res) = > {
           res.json({
             errno: 0,
             data: goods
           })//接口返回json数据，上面配置的数据appData就赋值给data请求后调用
         })
       }

（3）

然后npm run dev，一定要重启 一下就可以http://localhost:8080/api/goods访问了

[Link 1]: https://www.baidu.com/s?wd=%E6%A8%A1%E6%8B%9F&tn=24004469_oem_dg&rsv_dl=gh_pl_sl_csd
[vue-cli_build_dev-server.js_mock]: https://www.cnblogs.com/luziluck/p/8288581.html

发表评论取消回复

表情：

评论列表（有 0 条评论，253人围观）

还没有评论，来说两句吧...

相关阅读

相关常见问题

一 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZ

今天药忘吃喽~/ 2023年06月15日 09:56/ 0 赞/ 20 阅读

相关借助jsonserver搭建本地数据接口

1 安装配置 jsonserver项目github地址： [https://github.com/typicode/json-server][https_github.

悠悠/ 2022年10月09日 06:26/ 0 赞/ 213 阅读

相关 Hibernate常见问题

问题1，hql条件查询报错执行Query session.createQuery(hql) 报错误直接跳到finally 解决方案加入 <prop

超、凢脫俗/ 2022年07月24日 11:04/ 0 赞/ 244 阅读

相关 centos常见问题

1 yum源更换为国内的阿里云源 ![SouthEast][] 1 备份 `mv /etc/yum.repos.d/CentOS-Base.repo /etc/y

冷不防/ 2022年06月01日 09:59/ 0 赞/ 163 阅读

相关 redis 常见问题

redis.clients.jedis.exceptions.JedisClusterException:CLUSTERDOWN The cluster is down 解

短命女/ 2022年05月28日 00:21/ 0 赞/ 305 阅读

相关 redis 常见问题

1. 使redis以守护进程启动设置，修改 redis.conf daemonize no 你改成 yes 2. 使redis可以远程访

谁践踏了优雅/ 2022年05月17日 08:43/ 0 赞/ 494 阅读

相关 JsonServer使用详解

JsonServer主要的作用就是搭建本地的数据接口，创建json文件，便于调试调用如果我们只是get一些数据，只用借助jsonplaceholder（[http://js

快来打我*/ 2022年05月17日 05:13/ 0 赞/ 360 阅读

相关 redis常见问题

查看Redis连接数在Redis命令行执行`info clients` 得到类似下面的结果： connected_clients:357 cli

水深无声/ 2022年05月12日 06:16/ 0 赞/ 603 阅读

相关 maven常见问题

配置文件一定要定义在resources当中。通过坐标的形式引入依赖： service->dao 直接在service层加入dao的坐标就ok。 2 maven 常见

青旅半醒/ 2021年11月23日 14:26/ 0 赞/ 379 阅读

相关 telegram 常见问题

目录一般的问题问：什么是电报？我在这里做什么问：谁是电报？问：电报与WhatsApp不同？问：电报多大？问：我可以使用哪些设备？问：电报背后的人是谁

左手的ㄟ右手/ 2021年09月07日 06:09/ 0 赞/ 24189 阅读