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

小程序和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.dtcms.com/a/288768.html

相关文章:

  • 【2025最新版】PDFelement全能PDF编辑器
  • Java 大视界 -- Java 大数据在智能教育在线学习平台用户活跃度提升与留存策略研究中的应用(354)
  • 【Linux】1. Linux操作系统介绍及环境搭建
  • 《铁血丹心》歌词翻译,简体版和繁体版,罗文、甄妮合唱
  • 页面布局,简洁一点,其实挺好的。
  • 【算法300题】:双指针
  • 20250720-6-Kubernetes 调度-nodeName字段,DaemonS_笔记
  • 网安-文件包含
  • Eureka+LoadBalancer实现服务注册与发现
  • WiFiMouseServer手机等作为远程输入
  • Web-SQL注入数据库类型用户权限架构分层符号干扰利用过程发现思路
  • 【Python数据采集】Python爬取小红书搜索关键词下面的所有笔记的内容、点赞数量、评论数量等数据,绘制词云图、词频分析、数据分析
  • 基于Transformer的智能对话系统:FastAPI后端与Streamlit前端实现
  • 敏捷开发的历史演进:从先驱实践到全域敏捷(1950s-2025)
  • CSS 单位完全指南:掌握 em、rem、vh、vw 等响应式布局核心单位
  • SpringBoot热部署与配置技巧
  • 从修图到特效:Pillow库的Python图像处理高级实战指南
  • kafka--基础知识点--5.4--max.in.flight.requests.per.connection
  • 《计算机网络》实验报告五 DNS协议分析与测量
  • 网络(HTTP)
  • QT无边框窗口
  • 分享如何在Window系统的云服务器上部署网站及域名解析+SSL
  • kotlin 扩展函数 在链式调用的妙用
  • LINUX入门(二)QT的安装及运行环境搭建
  • jmeter如何做自动化接口测试?
  • 元宇宙经济的四个特征
  • Spring Boot中REST与gRPC并存架构设计与性能优化实践指南
  • Dify 1.6 安装与踩坑记录(Docker 方式)
  • LeetCode 198 打家劫舍 LeetCode 213.打家劫舍II
  • 华为开源自研AI框架昇思MindSpore应用案例:基于ERNIE模型实现对话情绪识别