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开发的前
一、起因 最近在使用Umi进行React的前端开发，有一个数据表格分页的功能需求，由于后端还没完成所以考虑前端先使用Mock先来进行模拟数据测试。 Mock的介绍这里就不做赘述，大家感兴趣的可自行前往官网学习--Mock.js。 由于是分页功能，必然少不了当前页码、分页大小、过滤条件等请求参数，但是在测试的时候无论如何就是无法通过方法的Request参数获取到传给后端的参数。 研究了一番终于发现了问题所在，在这里写个随笔避免大家踩坑！二、解决办法 请求的header里面要设置 Content-Type= application/json，然后就能正常地获取到请求的参数了。
一、起因 最近在使用Umi进行React的前端开发，有一个数据表格分页的功能需求，由于后端还没完成所以考虑前端先使用Mock先来进行模拟数据测试。 Mock的介绍这里就不做赘述，大家感兴趣的可自行前往官网学习--Mock.js。 由于是分页功能，必然少不了当前页码、分页大小、过滤条件等请求参数，但是在测试的时候无论如何就是无法通过方法的Request参数获取到传给后端的参数。 研究了一番终于发现了问题所在，在这里写个随笔避免大家踩坑！二、解决办法 请求的header里面要设置 Content-Type= application/json，然后就能正常地获取到请求的参数了。
为什么需要mock至于平时开发为什么需要mock数据，应该大多数的同学都非常清楚了；如果前后端同步开发的话，少不了这一步，在需求评审，技术评估等流程通过后，前后端就会约定接口api的字段（但是在部分公司可能会少了这一步），确认接口api字段约定之后，前端就可以通过mockserver去mock数据进行开发了，不需要等后端开发完api接口再去对接，但是有些同学在开发的过程中经常已经把ui弄好了，就在苦苦等后端大哥的接口...白白浪费了不必要的时间，如果可以自己mock数据开发，那等后端接口都好了只需要把域名或者接口前缀换一下再联调一下就万事大吉了。mock数据的方式jsonschema有些同学喜
