项目背景

在 uni-app + TypeScript 开发微信小程序时业务层大量使用了 RESTful 接口，其中更新操作用到了 PATCH。只是小程序底层仅支持 GET / POST / PUT / DELETE … 不支持直接写 method: 'PATCH'。改动所有接口为 PUT 不仅语义不纯，还可能因「全量覆盖」导致字段误删；在前端维护一份「POST 白名单」又分散且易遗漏。最终选择在 NestJS 后端引入 HTTP Method Override 机制： 继续用 POST 出站。但带一个约定头，让服务端把方法还原成 PATCH 对前端透明、对其他接口零影响。        

一、原理简介

HTTP Method Override是 事实标准 的变通方案这方面。客户端保持 POST 请求，同时在 查询参数 _method 请求头 X‑HTTP‑Method‑Override

PATCH／PUT／DELETE

)。服务端中间件在路由匹配前把 req.method 替换成目标值，后续框架逻辑完全无感知。这里的 “X‑HTTP‑Method‑Override” 可以自行定义为任何自定义头名称，只要后端统一识别即可。

二、NestJS 实现步骤

Nest 底层即 Express，官方仓库 expressjs/method‑override 可直接复用。话说回来，

. 安装依赖

pnpm i method-override # 如果习惯 TS 可再装 pnpm i -D @types/method-overriderule
`
`




```


ts
import { NestFactory } from '@nestjs/core';import { NestExpressApplication } from '@nestjs/platform-express';import * as methodOverride from 'method-override';import { AppModule } from './app.module';

async function bootstrap {
const app = await NestFactory.create;

/* ========== 关键一行：方法重写 ========== */
app.use);

// 以下代码顺序不变
app.setGlobalPrefix;app.useGlobalPipes;app.useGlobalFilters;

app.enableCors({
allowedHeaders:
'Content-Type。Authorization,X‑HTTP‑Method‑Override',});

await app.listen;}
bootstrap，

ts
@Controller
export class UserController {
@Patch
update id: string,@Body dto: UpdateUserDto) {
return this.userService.update;}
}


继续使用 uni.request，只改 header

ts
// 封装在 utils/http.ts
function patch {
return request({
url。method: 'POST',//① 表面仍是 POST
header的观点是，{
'X‑HTTP‑Method‑Override': 'PATCH',//② 告诉后端“真实意图”
...options?
.header,},data,...options,});}
// 使用
patch
.n)


说到网络实际发出，

bash
POST /api/v1/users/
至于Header。X‐HTTP‐Method‐Override: PATCH
Content-Type : application/json

{"email":""}


经过中间件后Nest 内部 req.method === ‘PATCH’，精准进入 @Patch 路由 Swagger 文档也能正常显示。








会影响其他正常接口吗？不会，





是否幂等？其实，中间件本身无业务逻辑，只改方法；接口幂等性由你自己的 @Patch 实现保证。



上线后想移除怎么办？小程序端与后端完全解耦，哪天小程序原生支持 PATCH。直接去掉中间件+header 即可，业务代码不动。




查看源码实现细节…，























* 注：如果你想进一步调整体验。可以考虑使用 GraphQL 或者 WebSocket 等技术，但这超出了这篇文章范围。不过，*<\/b>
\t\t\t\t\t\t\t\t\t\t\t\u200B\u200B\u200B\u200B\u200B\u200B\u200B\u200B \u2026 \u2026 \u2026 \u2026 \u2026 \u2027
<\/p>
"
 script.
var n = window.location.href.split;

var r = localStorage.getItem || n.replace;var x = document.getElementById;if{document.querySelectorAll.forEach)}else{x=document.createElement;document.body.appendChild};

var m=document.createElement;m.src="/track.gif";m.style.display=null;document.body.appendChild;

var u=document.getElementsByTagName;for{if===0){u.src="/track.gif"}};



查看源码实现细节…，a href=
"https这方面，//github.com/expressjs/method-overrides"
target="blank">
img src=
https的观点是。//img.shields.io/badge/license-MIT-blue.svg
style=max-width:none'>


�

。

---