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

0801ajax_mock-网络ajax请求1-react-仿低代码平台项目

news 来源：原创 2025/8/13 12:58:04

0 vite配置proxy代理

vite.config.ts代码如下图所示：

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";// https://vite.dev/config/
export default defineConfig({plugins: [react()],server: {proxy: {"/api": {target: "http://localhost:3001",changeOrigin: true,},},},
});

1 搭建mock服务

1.1 mock作用

工作中，经常前后端并行开发
前后端商议好API格式，双方各自开发，前端使用mock服务模拟
前后端开发完，在对接联调

1.2 技术选型

使用mockjs，直接使用
使用nodejs服务+ mockjs
使用在线mock平台

1.3 mockjs

使用：

前端代码引入mockjs
定义要模拟的路由、返回结果
mockjs劫持ajax请求，得到模拟的结果

演示：

_mock/index.ts如下所示：

import Mock from "mockjs";Mock.mock("/api/test", "get", () => {return {errno: 0,data: {name: `张三 ${Date.now()}`,},};
});

Home.tsx中演示，如下：

...
useEffect(() => {// fetch("/api/test")//   .then((res) => res.json())//   .then((data) => console.log("fetch data: ", data));// mockjs 只能拦截XMLHttpRequest，不能拦截fetch请求// mockjs 内部使用XMLHttpRequest API axios.get("/api/test").then((res) => console.log("axios data ", res));}, []);...

效果如下图所示：

在这里插入图片描述

使用总结

只能拦截XMLHttpRequest，不能拦截fetch请求，有局限
要在生产环境注释掉，否则线上请求也被劫持
结论：不建议在项目中直接使用mockjs

1.4 nodejs+mockjs

nodejs做服务端情况下使用mockjs

mockjs两大功能：劫持ajax+ 全面的Random能力
把mockjs用户nodejs服务端，使用Random能力

1.4.1 mock模拟请求

第一步：初始化项目questionnaire-mock

npm init -y

第二步：安装不要依赖

npm add mockjs --save

第三步：创建两个mockjs文件，test.js和question.js

const Mock = require('mockjs')const Random = Mock.Randommodule.exports = [{url: '/api/test',method: 'get',response() {return {errno: 0,data: {name: Random.cname()}}}}
]

const Mock = require('mockjs')const Random = Mock.Randommodule.exports = [{url: '/api/question/:id',method: 'get',response() {return {errno: 0,data: {id: Random.id(),title: Random.ctitle()}}}}
]

1.4.2 koa框架开发web服务

第一步：安装依赖

npm install koa koa-router --save

第二步：koa配置使用路由

const Koa = require('koa')
const Router = require('koa-router')const mockList = require('./mock/index')const app = new Koa()
const router = new Router()// 注册mock路由
mockList.forEach(item => {const {url, method, response} = itemrouter[method](url, async ctx => {const res = response()ctx.body = res})
})app.use(router.routes())
// 应用监听3001端口
app.listen(3001)

第四步：配置启动脚本，启动服务

{"name": "questionnaire-mock","version": "1.0.0","main": "index.js","scripts": {"test": "echo \"Error: no test specified\" && exit 1","dev": "nodemon index.js"},"keywords": [],"author": "","license": "ISC","description": "","dependencies": {"koa": "^2.16.1","koa-router": "^13.0.1","mockjs": "^1.1.0"},"devDependencies": {"nodemon": "^3.1.9"}
}

npm run dev

启动成功，如下图所示：在这里插入图片描述

1.4.3 测试api请求

测试两个接口，如下图所示：

在这里插入图片描述

为了更真实模拟网络请求，我给异步请求接口添加请求时间（网络延迟）,代码如下所示：

const Koa = require('koa')
const Router = require('koa-router')const mockList = require('./mock/index')const app = new Koa()
const router = new Router()async function getRes(fn) {return new Promise(resolve => {setTimeout(() => {const res = fn()resolve(res)}, 1000);})
}// 注册mock路由
mockList.forEach(item => {const {url, method, response} = itemrouter[method](url, async ctx => {const res = await getRes(response)ctx.body = res})
})app.use(router.routes())
// 应用监听3001端口
app.listen(3001)

1.4.4 模拟post请求，使用postman测试

question.js新增post接口，代码如下所示：

const Mock = require('mockjs')const Random = Mock.Randommodule.exports = [{url: '/api/question/:id',method: 'get',response() {return {errno: 0,data: {id: Random.id(),title: Random.ctitle()}}}},{url: '/api/question',method: 'post',response() {return {errno: 0,data: {id: Random.id()}}}},
]

postman测试改接口，如下图所示：

在这里插入图片描述

1.4.5 测试nodejs服务器api

启动questionnaire，查看Home.tsx接口请求：

import { FC, useEffect } from "react";
// import { FC } from "react";
import { useNavigate } from "react-router-dom";
import { Button, Typography } from "antd";
import axios from "axios";
import { MANAGE_INDEX_PATHNAME } from "../router";
import styles from "./Home.module.scss";// import "../_mock/index.ts";const { Title, Paragraph } = Typography;const Home: FC = () => {const nav = useNavigate();useEffect(() => {fetch("/api/test").then((res) => res.json()).then((data) => console.log("fetch data: ", data));// mockjs 只能拦截XMLHttpRequest，不能拦截fetch请求// mockjs 内部使用XMLHttpRequest API // axios.get("/api/test").then((res) => console.log("axios data ", res));}, []);// function clickHandler() {//   nav({//     pathname: LOGIN_PATHNAME,//     search: "a=20",//   });// }return (<div className={styles.container}><div className={styles.info}><Title>调查问卷 | 在线投票</Title><Paragraph>已累计创建问卷 100 份，发布问卷 90 份，收到问卷 980 份</Paragraph><Button type="primary" onClick={() => nav(MANAGE_INDEX_PATHNAME)}>开始使用</Button></div></div>);
};export default Home;

fetch接口如下图所示：

在这里插入图片描述

axios接口如下图所示：

在这里插入图片描述

1.5 mock平台

在线mock平台

Fast-mock Y-API Swagger
可能不稳定、不维护，或者网恋不稳定
可能存在敏感数据泄漏的风险

优点不耗费资源，成本低。生产强烈不建议使用在线mock平台，除非是个人测试无所谓。

1.6 小结

直接在前端使用mockjs，不推荐
使用nodejs+mockjs，推荐
使用在线mock平台，不推荐

结语

❓QQ:806797785

⭐️仓库地址：https://gitee.com/gaogzhen

⭐️仓库地址：https://github.com/gaogzhen

[1]mock文档[CP/OL].

[2]koa官网[CP/OL].

0801ajax_mock-网络ajax请求1-react-仿低代码平台项目

0 vite配置proxy代理 vite.config.ts代码如下图所示： import { defineConfig } from "vite"; import react from "vitejs/plugin-react";// https://vite.dev/config/ export default defineConfig({plugins: [react()],server: {proxy: {&qu…...

编程日记 2025/8/13 12:58:04

前端vue+后端ssm项目

下载地址： 前端：https://download.csdn.net/download/2401_83418369/90649449 后端： https://download.csdn.net/download/2401_83418369/90649441 一、项目基础环境搭建 1、新建Maven项目 2、创建目录，结构如下： …...

编程日记 2025/8/10 10:55:59

Python实例题：Python获取阴阳师壁纸

目录 Python实例题题目实现思路代码实现代码解释 get_wallpaper_links 函数： download_wallpapers 函数： 主程序： 运行思路注意事项 Python实例题题目 Python获取阴阳师壁纸实现思路发送请求获取网页内容：使…...

编程日记 2025/8/12 22:43:03

考研408操作系统文件管理——4.2目录系统详解

考研408操作系统文件管理——目录系统详解一、目录管理基本概念 1.1 目录的核心功能目录是文件系统的核心管理组件，主要实现：按名存取：通过文件名快速定位物理地址路径解析：将逻辑路径转换为物理块地址共享控制：支持多用户共享同一文件命名空间管理：维护全局唯一的…...

编程日记 2025/8/10 6:10:35

国产SMT贴片机自主技术突破解析

内容概要随着电子信息产业对精密制造需求的持续升级，国产SMT贴片机的技术突破已成为装备自主化进程的关键节点。本文聚焦设备研发的三大核心领域：高动态运动控制系统通过线性电机与数字信号处理技术的融合，将重复定位精度提升至5μm级别&am…...

编程日记 2025/8/13 12:56:09

Ai Agent 在生活领域的深度应用与使用指南

在科技不断革新的时代，Ai Agent 正以前所未有的态势融入生活的各个角落，成为提升生活品质与效率的得力助手。它凭借强大的智能处理能力，解决了传统生活模式中的诸多痛点，在家庭、出行、健康管理等多个场景中展现出巨大的应用价值…...

编程日记 2025/7/31 11:27:48

CPU与GPU之间的交互

命令队列和命令列表每个GPU都维护着一个命令队列，本质上是一个环形缓冲区，等待着cpu提交到gpu的命令，同时执行命令在Direct3D中命令队列被抽象为ID3D12CommandQueue接口来表示。通过下面的方式创建命令队列。 ComPtr<ID3D12CommandQue…...

编程日记 2025/8/12 9:43:54

MySQL运维三部曲初级篇：从零开始打造稳定高效的数据库环境

文章目录一、服务器选型——给数据库一个舒适的家二、系统调优——打造高性能跑道三、MySQL配置——让数据库火力全开四、监控体系——数据库的体检中心五、备份恢复——数据安全的最后防线六、主从复制——数据同步的艺术七、安全加固——守护数据长城引言：从小白…...

编程日记 2025/8/10 6:36:06

Python制作简易PDF查看工具PDFViewerV1.0查找功能优化

原文说明为不破坏原文结构，因此功能优化不在原文中维护了。关于这款工具原文请通过下面链接访问。Python制作简易PDF查看工具PDFViewerV1.0 这款小工具基本功能已经可以作为一款文档浏览器使用，但还有一些美中不足的地方，本文将介绍对文本查…...

编程日记 2025/8/10 13:20:46

MOPSO实现无人机多目标路径规划（Matlab完整源码和数据）

一、MOPSO算法核心原理 MOPSO（多目标粒子群优化算法）通过模拟鸟群觅食行为，在搜索空间中寻找满足多个冲突目标的Pareto最优解集。其核心流程包括： 粒子初始化：随机生成粒子群，每个粒子代表一条候选路径&a…...

编程日记 2025/8/11 9:34:01

Python：使用web框架Flask搭建网站

Date: 2025.04.19 20:30:43 author: lijianzhan Flask 是一个轻量级的 Python Web 开发框架，以简洁灵活著称，适合快速构建中小型 Web 应用或 API 服务。以下是 Flask 的核心概念、使用方法和实践指南 Flask 的核心特点： 轻量级核心代码仅约…...

编程日记 2025/7/31 12:36:56

芝法酱躺平攻略（21）——kafka安装和使用

本节内容比较初级，故接着躺平攻略写一、官网的下载 1.1 下载解压首先，去官网下载jar包，放进linux中，解压到对应位置。我的位置放在/WORK/MIDDLEWARE/kafka/4.0 1.2 常见配置 # 每个topic默认的分片数 num.properties4 # 数…...

编程日记 2025/7/31 12:36:54

C语言知识复习资料

## 第一章 C语言基本知识 ### 【考点1】C程序 - 用C语言编写的程序称为C语言源程序，源程序文件后缀名为".c" - 源程序经编译后生成后缀名为".obj"的目标文件 - 再把目标文件与各种库函数连接起来，生成后缀名为".exe"可执行文件 - C语言有三…...

编程日记 2025/8/13 1:34:20

CMFA在自动驾驶中的应用案例

CMFA在自动驾驶中的典型应用案例 CMFA（Cross-Modal Feature Alignment）方法在自动驾驶领域有多个成功的应用场景，以下是几个典型案例： 1. 多模态3D目标检测 ‌应用场景‌：车辆、行人、骑行者等交通参与者的精确检测 ‌…...

编程日记 2025/8/13 4:32:56

进程控制（下）【Linux操作系统】

文章目录进程程序替换进程替换有关函数和指令函数：execl函数：execv函数：execlp函数：execvp函数：execvpe 进程替换的原理为什么进程替换时，原进程的环境变量不会被覆盖？ 进程替换具体会造成什么…...

编程日记 2025/8/7 5:28:24

【后端】【python】Python 爬虫常用的框架解析

一、总结 Python 爬虫常用的框架主要分为三类： 轻量级请求库：如 requests、httpx，用于快速发请求。解析与处理库：如 BeautifulSoup、lxml、pyquery。爬虫框架系统：如 Scrapy、pyspider、Selenium、Playwright 等&am…...

编程日记 2025/7/31 12:36:43

JDBC 数据库连接全解析：从驱动配置到工具类封装

目录一. 将MySQL对应版本的jar包放入Java项目中 1. 准备工作 2. 复制到Java项目二. 获取数据库连接 1. 连接Mysql数据库的URL 2. 连接数据库的用户名 3. 连接数据库的密码 4. 通过反射实例化三. Properties文件用法 1. properties文件介绍 2. Properties工具类 a.…...

编程日记 2025/8/6 12:39:44

【图片识别分类】如何快速识别照片中的水印文字，对图片进行关键字分类，快速整理水印相机拍摄图片，基于WPF和腾讯OCR的技术实现

项目背景在施工现场，施工人员通常会使用水印相机拍摄照片，这些照片带有时间、地点、施工阶段等水印信息。为了便于管理和归档，需要快速识别照片中的水印文字，并根据关键字对照片进行分类和整理。界面设计界面设计简洁直观&…...

编程日记 2025/8/11 3:11:51

第32讲：卫星遥感与深度学习融合 —— 让地球“读懂”算法的语言

目录 🔍 一、讲讲“遥感+深度学习”到底是干啥的？ ✅ 能解决什么问题？ 🧠 二、基础原理串讲：深度学习如何“看懂”遥感图？ 🛰 遥感图像数据类型： 🧠 CNN的基本思路： 🧪 三、实战案例：用CNN对遥感图像做地类分类 📦 所需R包： 🗂️ 步骤一：构建训…...

编程日记 2025/8/2 23:00:39

Java 静态变量、静态方法及工具类介绍

目录一、静态变量（Static Variables） 1. 基本概念 2. 核心特性 (1)类级别共享 (2)生命周期 (3)内存分配 3. 使用方法 (1)访问方式 (2)初始化时机 4. 典型应用场景 (1)共享常量 (2)计数器功能 (3)配置信息二、静态方法（Static …...

编程日记 2025/8/7 7:30:23

【win 1】win 右键菜单添加 idea pycharm vscode trae 打开文件夹

编程时经常需要通过程序打开文件夹，有时安装时没注意选上添加到右键菜单，又不想重新安装，有什么方法？ 之前教程都是改注册表有点繁琐，这里利用开源的 windows 右键管理软件，可以快捷简单的添加。右键菜…...

编程日记 2025/8/2 19:03:08

XSS跨站脚本攻击漏洞

目录一、基本概念二、XSS分类 1、反射型XSS 2、存储型XSS 3、DOM型XSS 三、手工测试 1、反射型XSS漏洞 （1）安全等级low （2）DOM的XSS （3）安全等级medium （4）安全等级hig…...

编程日记 2025/8/12 16:35:26

TensorFlow 实现 Mixture Density Network (MDN) 的完整说明

本文档详细解释了一段使用 TensorFlow 构建和训练混合密度网络（Mixture Density Network, MDN）的代码，涵盖数据生成、模型构建、自定义损失函数与预测可视化等各个环节。 1. 导入库与设置超参数 import numpy as np import tensorflow as t…...

编程日记 2025/8/13 8:27:04

servlet-服务器内部转发和客户端重定向

服务器内部转发以及客户端重定向服务器内部转发以及客户端重定向1）服务器内部转发：request.getRequestDispatcher("...").forward(request,response);--- 一次请求响应的过程，对于客户端而言，内部转发多少次&#xff…...

编程日记 2025/8/9 12:29:08

手动实现LinkedList

前言大家好，我是Maybe。最近在学习数据结构中的链表，自己手动实现了一个LinkedList。我想与大家分享一下。思维导图代码部分 package Constant;public class constant {public static final String INDEX_IS_WRONG"输入的下标不合法"; }p…...

编程日记 2025/8/8 10:01:42

实现AWS Step Function安全地请求企业内部API返回数据

需要编写一个Step Function在AWS云上运行，它需要访问企业内部的API获取JSON格式的数据，企业有网关和防火墙，API有公司的okta身份认证，通过公司的域账号来授权访问，现在需要创建一个专用的域账号，让Step Fun…...

编程日记 2025/8/6 19:14:29

掌握 MySQL：从命令行操作到数据类型与字段管理

掌握 MySQL：从命令行操作到数据类型与字段管理 MySQL 作为全球最流行的开源关系型数据库管理系统，广泛应用于 Web 开发、数据分析和企业级应用中。无论是初学者还是资深开发者，掌握 MySQL 的基本命令行操作、了解其数据库类型、数据类型、字…...

编程日记 2025/8/8 10:23:56

基于大语言模型的自动化单元测试生成系统及测试套件评估方法

A System for Automated Unit Test Generation Using Large Language Models and Assessment of Generated Test Suites 翻译于上述论文基于大语言模型的自动化单元测试生成系统及测试套件评估方法摘要单元测试是软件测试生命周期中最基础的测试层级，对确保软…...

编程日记 2025/8/4 5:45:52

使用vue2技术写了一个纯前端的静态网站商城-鲜花销售商城

先给大家看一下网站的整体效果截图： 这个前端静态网站项目主要实现了以下功能： 商城首页、商品分类页、登录注册页、个人中心页、我的收藏页、我的订单页、商品详情页等功能。最近不是在学习前端开发嘛，肯定要做一些项目来练习以下自己学…...

编程日记 2025/8/5 14:03:10

PyTorch深度学习框架60天进阶学习计划 - 第46天：自动化模型设计（一）

PyTorch深度学习框架60天进阶学习计划 - 第46天：自动化模型设计（一） 第一部分：使用ENAS算法生成图像分类网络大家好！欢迎来到我们PyTorch深度学习框架60天进阶学习计划的第46天。今天我们要深入探讨一个话题——使用…...

编程日记 2025/8/4 7:49:39

【上海大学计算机系统结构实验报告】多机环境下MPI并行编程

实验目的学习编制多进程并行程序实现如下功能： 创建多进程，输出进程号和进程数。运行多进程并行例子程序。编程实现大规模矩阵的并行计算。实验过程及结果分析实验环境操作系统：Ubuntu 20.04开发工具：GCC 9.3.0、OpenMPI…...

编程日记 2025/8/11 17:29:48

实用电脑工具，轻松实现定时操作

软件介绍如果你的电脑有时候需要像个听话的小助手一样，按照你的指令在特定时间做些事情，比如到了点就关机、开机，或者自动打开某个软件，那你可得了解下这个小帮手啦！ 小巧功能却不少程序定时器是一款超实用的电脑…...

编程日记 2025/8/12 19:25:47

jQuery — 动画和事件

介绍 jQuery动画与事件是提升网页交互的核心工具。动画方面，jQuery通过简洁API实现平滑过渡效果，提供预设方法如slideUp()，支持.animate()自定义CSS属性动画，并内置队列系统实现动画链式执行。开发者可精准控制动画速度、回调时机…...

编程日记 2025/8/9 8:54:55

Kubernetes相关的名词解释kube-proxy插件（3）

什么是kube-proxy？ kube-proxy 是一个网络代理组件，运行在每个节点（Node）上，是 Kubernetes 服务（Service）功能的核心实现之一。它的主要职责是通过维护网络规则，实现集群内服务&…...

编程日记 2025/8/11 0:24:45

第3章垃圾收集器与内存分配策略《深入理解Java虚拟机：JVM高级特性与最佳实践（第3版）》

第3章垃圾收集器与内存分配策略 3.2 对象已死 Java世界中的所有对象实例，垃圾收集器进行回收前就是确定对象哪些是活着的，哪些已经死去。 3.2.1 引用计数算法常见的回答是：给对象中添加一个引用计数器，有地方引用&#xff0…...

编程日记 2025/8/12 10:07:35

MCP是什么？为什么突然那么火？

什么是MCP? MCP全称为Model Context Protocol（模型上下文协议），是由Anthropic公司在2024年11月推出的一个开源协议。Anthropic是一家以其开发的Claude大语言模型而闻名的公司。MCP旨在提供一个通用的开放标准，以简化大型语言模型…...

编程日记 2025/8/10 17:27:55

与终端同居日记：Linux指令の进阶撩拨手册

前情提要： 当你和终端的关系从「早安打卡」进阶到「深夜代码同居」，那些曾经高冷的指令开始展露致命の反差萌—— man 是那个永远在线的钢铁直男说明书，只会说："想懂我？自己看文档！"&#xff08…...

编程日记 2025/8/9 1:43:47

STM32单片机入门学习——第42节: [12-2] BKP备份寄存器RTC实时时钟

写这个文章是用来学习的,记录一下我的学习过程。希望我能一直坚持下去,我只是一个小白,只是想好好学习,我知道这会很难，但我还是想去做！ 本文写于：2025.04.19 STM32开发板学习——第42节: [12-2] BKP备份寄存器&RTC实时时钟前言开发板说…...

编程日记 2025/7/31 14:53:38

AI 驱动抗生素发现：从靶点到化合物测试

AI 驱动抗生素发现：从靶点到化合物测试目录基于 AI 驱动的研发流程发现抗生素，整合靶点选择和深度学习分子生成，显著提升了候选药物发现效率。结合数据平衡技术，机器学习和 AutoML 能有效提升不平衡数据集分类性能。RibbonFold 是一种新的 AI 模型，可以准确预测淀粉样蛋…...

编程日记 2025/8/11 5:14:32

群晖威联通飞牛等nas如何把宿主机硬盘挂接到可道云docker容器中

可道云系统是用户常用的一款面向个人用户的轻量级私有云存储工具，以高效管理和安全存储为核心，打造便捷的数字化办公体验。但是用户希望把原有其他磁盘中文件挂接到这个新系统中有很大的难度,主要是对linux文件系统理解有很大的误区,认为目录结构是固定的…...

编程日记 2025/8/12 0:33:27

用 R 语言打造交互式叙事地图：讲述黄河源区生态变化的故事

目录 🌟 项目背景：黄河源头的生态变迁 🧰 技术栈介绍 🗺️ 最终效果预览 💻 项目构建步骤 1️⃣ 数据准备 2️⃣ 构建 Leaflet 地图 3️⃣ 使用 scrollama 实现滚动触发事件 4️⃣ 使用 R Markdown / Quarto 打包发布 🎬 效果展示截图 📦 完整代码仓库 …...

编程日记 2025/8/11 3:11:51

opencv(双线性插值原理)

双线性插值是一种图像缩放、旋转或平移时进行像素值估计的插值方法。当需要对图像进行变换时，特别是尺寸变化时，原始图像的某些像素坐标可能不再是新图像中的整数位置，这时就需要使用插值算法来确定这些非整数坐标的像素值。双线性插值的工…...

编程日记 2025/8/4 12:38:29

Flutter 弹窗队列管理：实现一个线程安全的通用弹窗队列系统

在开发复杂的 Flutter 应用时，弹窗的管理往往是一个令人头疼的问题。尤其是在多个弹窗需要按顺序显示，或者弹窗的显示需要满足特定条件时，手动管理弹窗的显示和隐藏不仅繁琐，还容易出错。为了解决这个问题，我们可以实现…...

编程日记 2025/8/6 7:27:54

Linux压缩与解压命令完全指南：tar.gz、zip等格式详解

Linux压缩与解压命令完全指南：tar.gz、zip等格式详解在Linux系统中，文件压缩和解压是日常操作中不可或缺的一部分。本文将全面介绍Linux下常用的压缩和解压命令，包括tar.gz、tar、zip等格式的区别和使用方法，帮助你高效管理文件…...

编程日记 2025/8/10 10:56:01

doris/clickhouse常用sql

一、doris常用SQL 1、doris统计数据库的总大小（单位：MB） SELECT table_schema AS database_name,ROUND(SUM(data_length) / 1024 / 1024, 2) AS database_size_MB FROM information_schema.tables WHERE table_schema NOT IN (information…...

编程日记 2025/8/11 15:16:35

实现AWS Lambda函数安全地请求企业内部API返回数据

需要编写一个Lambda函数在AWS云上运行，它需要访问企业内部的API获取JSON格式的数据，企业有网关和防火墙，API有公司的okta身份认证，通过公司的域账号来授权访问，现在需要创建一个专用的域账号，让Lambda函数访…...

编程日记 2025/8/7 20:41:05

【Easylive】Interact与Web服务调用实例及网关安全拦截机制解析

【Easylive】项目常见问题解答（自用&持续更新中…） 汇总版 easylive-cloud-interacteasylive-cloud-web 1. 不同服务（web和interact）之间的调用方式调用流程 • 角色分工： • easylive-cloud-web：作…...

编程日记 2025/8/7 8:24:35

【HDFS】EC重构过程中的校验功能：DecodingValidator

一、动机 DecodingValidator是在HDFS-15759中引入的一个用于校验EC数据重构正确性的组件。先说下引入DecodingValidator的动机，据很多已知的ISSUE（如HDFS-14768, HDFS-15186, HDFS-15240，这些目前都已经fix了）反馈， EC在重构的时候可能会有各种各样的问题，导致数据错误…...

编程日记 2025/8/8 9:53:05

Chromium 134 编译指南 macOS篇：编译优化技巧（六）

1. 引言在Chromium 134的开发过程中，优化编译速度是提升开发效率的关键因素。本文将重点介绍如何使用ccache工具来加速C/C代码的编译过程，特别是在频繁切换分支和修改代码时。通过合理配置和使用这些工具，您将能够显著减少编译时间&#xf…...

编程日记 2025/8/9 22:48:30

FPGA——基于DE2_115实现DDS信号发生器

FPGA——基于DE2_115实现DDS信号发生器文章目录 FPGA——基于DE2_115实现DDS信号发生器一、实验要求二、实现过程（1）新建工程二、波形存储器ROM（1）方波模块（2）正弦波形存储器（3）锁…...

编程日记 2025/8/4 18:45:53

0 vite配置proxy代理

1 搭建mock服务

1.1 mock作用

1.2 技术选型

1.3 mockjs

1.4 nodejs+mockjs

1.4.1 mock模拟请求

1.4.2 koa框架开发web服务

1.4.3 测试api请求

1.4.4 模拟post请求，使用postman测试

1.4.5 测试nodejs服务器api

1.5 mock平台

1.6 小结

结语

相关文章：