当前位置: 首页 > backend >正文

小程序和H5数据mock配置过程

小程序和H5数据mock配置过程

小程序:

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

在这里插入图片描述

选择正则匹配,url,http://localhost:5173

下一步准备mock数据:

在这里插入图片描述

下一步修改环境url:

在这里插入图片描述

成功显示:

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

H5端:

第一步下载mock插件:

npm i mock  //安装mock插件

在这里插入图片描述

安装成功显示(package.json):

在这里插入图片描述

第二步:配置mock,创建mock.js 文件

在这里插入图片描述

第三步:提前准备模拟数据

在这里插入图片描述

第四步: 1.引入mock数据;2.调用相应方法

在这里插入图片描述

第五步:在main.js引入mock文件

在这里插入图片描述

成功获取数据:

在这里插入图片描述

http://www.xdnf.cn/news/15822.html

相关文章:

  • 前端环境搭建---基于SpringBoot+MySQL+Vue+ElementUI+Mybatis前后端分离面向小白管理系统搭建
  • LLM 的Top-P参数 是在LLM中的每一层发挥作用,还是最后一层?
  • SpringBoot五分钟快速入门指南
  • NW993NX584美光固态闪存NX559NX561
  • [故障诊断方向]基于二维时频图像和数据增强技术的轴承故障诊断模型
  • 数据分析综合应用 30分钟精通计划
  • 动态规划——数位DP经典题目
  • 量子计算与AI融合的技术突破与实践路径
  • 6. 装饰器模式
  • 如何解决pip安装报错ModuleNotFoundError: No module named ‘pillow’问题
  • 小架构step系列19:请求和响应
  • Java行为型模式---中介者模式
  • [故障诊断方向]SNNs:针对小样本轴承故障诊断的孪生神经网络模型
  • Selenium 中 findElement 方法全解析:定位网页元素的 7 种方式
  • BeanFactory 和 FactoryBean 的区别
  • Java行为型模式---访问者模式
  • 用Dynamic chunk去干掉tokenizer?
  • 从零入门:云迁移原理详解与华为Rainbow实战指南
  • 数据结构 队列
  • 信息系统风险的安全技术防范思路
  • 教育科技内容平台的破局之路:从组织困境到 UGC 生态的构建
  • CCF编程能力等级认证GESP—C++7级—20250628
  • [FFmpeg] AVFormatContext、AVInputFormat、AVOutputFormat | libavformat
  • 为任意Java程序配置Socks5与HTTP代理的方法
  • 2025年水安备考:水利水电安全员C类考试题
  • 基于Scrapy-Redis的分布式爬虫系统:工业级实现与深度优化
  • nodejs值process.kill
  • CCF编程能力等级认证GESP—C++8级—20250628
  • 信息学奥赛一本通 1579:【例 5】皇宫看守 | 洛谷 P2458 [SDOI2006] 保安站岗
  • 教你如何借助AI精读文献