json-server常见问题

2023-11-07

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

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

1..vue-cli的build的文件夹下没有dev-server.js文件,怎么配置mock数据

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

链接:https://www.cnblogs.com/luziluck/p/8288581.html

(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访问了

 

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

json-server常见问题 的相关文章

随机推荐

  • 计算n个整数中有多少个正整数、多少个负整数,并计算这些整数的总和和平均值

    描述 编写程序 输入若干个整数 如果输入0 输入即终止 判定读入的整数中有多少个正整数 多少个负整数 并计算这些整数的总和和平均值 0不计算在内 平均值结果保留2位小数 输入 一行中给出若干个整数 其间以空格分隔 如果输入0 输入即终止 输
  • 北京的大学排名

    一 软科版排名榜 根据软科2022中国大学最新排名结果 北京市共有48所大学入选上榜 其中位列前十的院校为 1 清华大学 全国第1名 2 北京大学 全国第2名 3 北京航空航天大学 全国第15名 4 北京师范大学 全国第17名 5 北京理工
  • java错误1500_JAVA错误汇总

    1 Slf4J API版本兼容 问题描述 Exception in thread main java lang NoSuchMethodError org slf4j helpers MessageFormatter arrayFormat
  • 各种树的概念

    一 叶结点 终端节点 非终端节点 分支节点 根节点 内部节点 除根节点外 分支节点又称为内部节点 二 1非空二叉树 至少有一个结点的二叉树叫做非空二叉树 二叉树是每个节点最多有两个子树的树结构 1 斜树 在大话数据结构里是在二叉树一节讲的
  • Confluence 6 配置内部目录概述

    内部目录是在 Confluence 数据库中存储用户和用户组信息的空间 内部目录在系统进行安装的时候默认进行安装 当你在安装过程中创建第一个管理员用户 这个管理员用户的用户名和其他细节信息存储在系统安装的内部目录中 如果需要 你可以配置一个
  • el-dialog水平垂直居中

    el dialog水平垂直居中 直接看代码 deep el dialog display flex flex direction column margin 0 important position absolute top 50 left
  • ICMP报文的类型

    ICMP经常被认为是IP层的一个组成部分 它传递差错报文以及其他需要注意的信息 ICMP报文通常被IP层或更高层协议 TCP或UDP 使用 一些ICMP报文把差错报文返回给用户进程 ICMP报文是在IP数据报内部被传输的 如图6 1所示 I
  • 软件测试常见风险分析

    文章目录 软件测试常见风险分析 一 1 需求风险 2 测试用例风险 3 缺陷风险 4 代码质量风险 5 测试环境风险 6 试技术风险 7 回归测试风险 8 沟通协调风险 9 其它不可预计风险 软件测试常见风险分析 二 1 人力 风险评估点
  • nacos安装和启动(windows)

    nacos官网地址 home 1 搭建java环境 Nacos 依赖 Java 环境来运行 如果您是从代码开始构建并运行 Nacos 需要为此配置 Maven 环境 Windows 安装下载 zap 文件 不需要 Maven 环境 但必须安
  • 在centos7安装theia

    前段时间组装了一台主机 用来充当服务器主机 服务器主机选用centos7系统 我顺便在centos安装theia theia是个操作Linux的工具 十分好用 在我写的文章里 在树莓派4b上配置Theia 搭建云端编程 已经介绍了ubunt
  • 关于阿里云服务器ECS与域名的绑定详细过程介绍

    本文简单的介绍下阿里云的虚拟服务器ECS与域名绑定 条件 阿里云服务器 已实名认证域名 域名解析 1进入阿里云管理控制台 云解析DNS 选择需要解析的域名 解析 2添加两条解析 打码的地方添自己服务器的公网IP 添加解析后 需要检查服务的端
  • 注入多个实现类【JAVA】(设计模式之策略模式)项目实际场景【Spring boot】

    文章目录 业务场景 策略模式的概念 代码示例 1 创建一个接口类 2 创建接口类的实现类 3 创建脚手架 box类 4 最后创建一个实现工厂类 MsgBeanFactory 5 测试代码 6 输出结果 总结 业务场景 最近有一个场景消息发送
  • 表格行与列边框样式处理的原理分析及实战应用

    欢迎大家前往腾讯云社区 获取更多腾讯海量技术实践干货哦 作者 韩宇波 导语 table之间的边框存在共用问题 自然而然就存在冲突 既然存在冲突 那么就势必涉及到最后渲染哪一个样式的问题 本文就主要研究当冲突产生时 如何让浏览器按照自己意愿渲
  • 新的开始----

    种一棵树最好的时间就是现在 为什么记录博客呢 因为记不住 如何学 怎么学习编程 利用能利用的时间 学上不会的 补上会了不熟的 攻克看了还是模棱两可的 博客模板 总分总 WWH
  • Qt中QT_BEGIN_NAMESPACE和QT_END_NAMESPACE的作用

    在Qt中 我们经常会看到 QT BEGIN NAMESPACE class QAction class QMenu class QPlainTextEdit QT END NAMESPACE 这样的方式表达方式 这样做有什么意义呢 只要深入
  • 【华为OD统一考试B卷

    华为OD统一考试A卷 B卷 新题库说明 2023年5月份 华为官方已经将的 2022 0223Q 1 2 3 4 统一修改为OD统一考试 A卷 和OD统一考试 B卷 你收到的链接上面会标注A卷还是B卷 请注意 根据反馈 目前大部分收到的都是
  • 函数变更记录表 function_change

    函数变更记录表 datamart function change 表结构 CREATE TABLE datamart function change function name character varying 200 函数名 new p
  • Linux巡检脚本

    linux巡检脚本 转自 http myit icu index php archives 1634 待测试 bin bash Author Dean Date 2021 11 25 E mail deanmr qq com bin bas
  • Application tried to present modally an active controller

    控制器模态到另一个控制器发生了错误 报错是Application 试图模态到一个活跃的控制器中 第一次模态的时候不会出现问题 第二次发生了问题 也就是说明了第二次模态的视图是活跃状态 没有销毁 查找代码 发现了问题 第一次模态之后 控制器不
  • json-server常见问题

    json server搭建本地测试服务器 mock数据 模拟后台数据 现在基本上都是前后端分离 前端是前端工程师 后端属于后端工程师 但是前后端交互是个必不可少的环节 一般用Ajax进行交互 还需要一些实验数据来支撑 就需要模拟数据 1 v