在瀑布流开发模式中，如果前端开发人员需要进行页面对接，需要后端先完成API的开发工作，因此前后端开发的进度会互相影响。这时候就需要使用Mock工具来帮助前端进行模拟页面对接。我们可以事先编写好API的数据生成规则，由Eolink的API研发管理平台动态生成API的返回数据。开发人员通过访问MockAPI来获得页面所需要的数据，完成对接工作。以下为流程示例。添加MockAPI进入API文档详情页面，点击MockAPI标签，点击新建MockAPI：在弹窗中输入MockAPI的名称以及请求触发条件：填写触发条件触发条件支持请求头部、请求体（Form-data、JSON）、Query参数等。以下例子表
1.vite+TS+Vue3npmcreateviteProjectname:...yourProjectNameSelectaframework:>>VueSelectavariant:>>Typescrit2.修改vite基本配置配置Vite{#configuring-vite}|Vite中文网(vitejs.cn)vite.config.tsimport{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'import{resolve}from'path';//编辑器提示path模块找不到，可以cnpmi@types/node-
1.vite+TS+Vue3npmcreateviteProjectname:...yourProjectNameSelectaframework:>>VueSelectavariant:>>Typescrit2.修改vite基本配置配置Vite{#configuring-vite}|Vite中文网(vitejs.cn)vite.config.tsimport{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'import{resolve}from'path';//编辑器提示path模块找不到，可以cnpmi@types/node-
MOCK工具-YAPI体验前言：近期部门希望选择一款比较好用的mock工具，以下为选项，我负责调研Yapi工具。 一、官网信息简介网址：http://www.oceansoft.com.cn/教程：https://hellosean1025.github.io/yapi/documents/index.html二、体验版直接从官网上跳转到体验版，发现体验版存在“无法创建分组”的BUG，阻塞了体检。PS：遇到问题后，发现无法直接反馈给相关运维人员，遇到问题后唯一的沟通方式是github上提交工单，翻看了近15天的问题列表，所提出问题均无人答复，应该无人维护了。三、安装和部署参考的大佬的网站
MOCK工具-YAPI体验前言：近期部门希望选择一款比较好用的mock工具，以下为选项，我负责调研Yapi工具。 一、官网信息简介网址：http://www.oceansoft.com.cn/教程：https://hellosean1025.github.io/yapi/documents/index.html二、体验版直接从官网上跳转到体验版，发现体验版存在“无法创建分组”的BUG，阻塞了体检。PS：遇到问题后，发现无法直接反馈给相关运维人员，遇到问题后唯一的沟通方式是github上提交工单，翻看了近15天的问题列表，所提出问题均无人答复，应该无人维护了。三、安装和部署参考的大佬的网站
1.Mock简介1.1Mock定义 Mock是一种比较特殊的测试技巧，可以在没有依赖项的情况下进行接口或单元测试。通常情况下，Mock与其他方法的区别是，用于模拟代码依赖对象，并允许设置对应的期望值。简单一点来讲，就是Mock创建了一个对象，模拟真实对象的行为。1.2Mock目的 因项目中任务的不同分工，会出现每个人的任务进度不一样的情况。就会出现模块A开发完成，但其依赖项模块B还未完成，这时候如果进行集成测试时，就会出现两个模块无法有效完成工作。针对这种情况，Mock服务便应运而生。Postman中的Mock服务器可以减轻团队开发中这种不同步的情况。1.3Mock意义 在API开发的前
1.Mock简介1.1Mock定义 Mock是一种比较特殊的测试技巧，可以在没有依赖项的情况下进行接口或单元测试。通常情况下，Mock与其他方法的区别是，用于模拟代码依赖对象，并允许设置对应的期望值。简单一点来讲，就是Mock创建了一个对象，模拟真实对象的行为。1.2Mock目的 因项目中任务的不同分工，会出现每个人的任务进度不一样的情况。就会出现模块A开发完成，但其依赖项模块B还未完成，这时候如果进行集成测试时，就会出现两个模块无法有效完成工作。针对这种情况，Mock服务便应运而生。Postman中的Mock服务器可以减轻团队开发中这种不同步的情况。1.3Mock意义 在API开发的前
XSSgame(xss-game.appspot.com)这是一款谷歌的XSS游戏，总共有6个级别目录Level1Level2Level3Level4Level5Level6Level1无需转义，直接编辑URL栏或者搜索框中都可以执行alert(1)Level2留言板中放入alert(1)发现不弹窗，说明标签不起作用，转译成了HTML实体，可以选择其他能够触发JavaScript代码的命令//标签与属性一起使用，onerror事件会在文档或图像加载过程中发生错误时被触发。Level3//查看源代码functionchooseTab(num){//Dynamicallyloadtheapprop
XSSgame(xss-game.appspot.com)这是一款谷歌的XSS游戏，总共有6个级别目录Level1Level2Level3Level4Level5Level6Level1无需转义，直接编辑URL栏或者搜索框中都可以执行alert(1)Level2留言板中放入alert(1)发现不弹窗，说明标签不起作用，转译成了HTML实体，可以选择其他能够触发JavaScript代码的命令//标签与属性一起使用，onerror事件会在文档或图像加载过程中发生错误时被触发。Level3//查看源代码functionchooseTab(num){//Dynamicallyloadtheapprop
一、起因 最近在使用Umi进行React的前端开发，有一个数据表格分页的功能需求，由于后端还没完成所以考虑前端先使用Mock先来进行模拟数据测试。 Mock的介绍这里就不做赘述，大家感兴趣的可自行前往官网学习--Mock.js。 由于是分页功能，必然少不了当前页码、分页大小、过滤条件等请求参数，但是在测试的时候无论如何就是无法通过方法的Request参数获取到传给后端的参数。 研究了一番终于发现了问题所在，在这里写个随笔避免大家踩坑！二、解决办法 请求的header里面要设置 Content-Type= application/json，然后就能正常地获取到请求的参数了。
