百度推广网站备案,职业院校专题建设网站,wordpress 大型站,秦皇岛网站制作的流程前端mock数据 —— 使用Apifox 一、使用教程二、本地请求Apifox所mock的接口 一、使用教程
在首页进行新建项目#xff1a; 新建项目名称#xff1a; 新建接口#xff1a; 创建json#xff1a; 请求方法#xff1a; GET。URL#xff1a; api/basis。响应类型#xff1… 前端mock数据 —— 使用Apifox 一、使用教程二、本地请求Apifox所mock的接口 一、使用教程
在首页进行新建项目 新建项目名称 新建接口 创建json 请求方法 GET。URL api/basis。响应类型 json响应内容
导入后端json响应 点击快捷请求自动创建mock 设置mock规则 请求成功 可点击发送 - 返回成功的响应
二、本地请求Apifox所mock的接口
使用postman请求mock接口 说明postman请求成功则说明该接口能在前端页面中进行调用 前端页面中调用mock接口
// request.ts
// 是自己mock的数据
const BASE_URL http://127.0.0.1:4523/m2/4073666-0-default/150678222;// mock接口及返回的参数
export function list(params?: any): PromisePageResponseICustomerVO {return request.get(${BASE_URL}, {params,});
}// 页面调用界面
templatediv :requestrequest/div
/templatescript langts
import { defineComponent } from vue;
import { list } from /services/Basis;export default defineComponent({name: Basis,components: {},setup() {function request() {// 注意不能直接使用...rest会报错前面必须要有参数eg{ status, ...rest }const query: any { ...rest };return list(query);}return { request };},
});
/script
前端页面调用mock api成功 说明Apifox中的mock教程
