后端定义的接口，字段名称是下划线分隔命名的，前端代码里怎么处理？直接用下划线分隔的名称吗？

[inSpring]

前端项目会出现一堆下划线命名的变量吗？

[bojackhorseman]

用第三方库根据 swagger 生成类型，所以后端怎么写，我就怎么用。

[ala2008]

看微博 api 就是下划线，好像不少大厂也是这样啊

[IvanLi127]

直接用有啥问题嘛？不想转就直接用呗，其他地方也用下划线就风格统一了。不想统一的话，IDE 的代码提示加持，用起来也不会有啥问题。

[donaldturinglee]

你前端不想用下划线就用驼峰命名。保持风格统一就行

[dcsuibian]

肯定会啊，你接口都这么返回了，不这么拿还能怎么办。除非你再弄个统一请求库转换一下

[seanlin5]

不建议自己再转换一套，理想状态下就是 API 端返回什么数据结果，我们就怎么用（无法用的让后端转下结构），这样联调起来也很舒服，前端也不需要写一大堆的 format 去洗数据，拿来即用，后期出现 bug 还容易排查

[fernandoxu]

不光下划线问题，还有同样的字段前后端用的单词翻译不一样，后端还偶尔有拼写错误，无解啊😄

[beidounanxizi]

有 middleware

pnpm add axios-case-converter


import applyCaseMiddleware from "axios-case-converter";
import { getAK, rmAK, setAK } from "./auth.js";

// kebab 和 camel 转换
const instance = applyCaseMiddleware(
Axios.create({
baseURL: import.meta.env.VITE_HTTP_BASE_URL,
timeout: import.meta.env.VITE_HTTP_TIMEOUT,
headers: { "Content-Type": "application/json;charset=utf-8" },
}),
);