前端如何对网络请求返回的数据进行“预处理”？

[hm20062006ok]

当前端拿到请求返回的数据之后需要进行一下处理，数据才能用于通用组件。 比如给 list 中的 item 添加一个属性、 给 item 的某个属性改个键名等等。 这种情况有什么最佳实践，或者说好的范式吗？ 还是只能一点点扣

[joesonw]

要么 http 请求库处拦截(axios 类). 要么 serviceWorker 全局拦截.

[dfkjgklfdjg]

axios 响应拦截器，或者 list 页面用 mixins 混入

[John60676]

vue-request ⚡️ 一个能轻松帮你管理请求状态（支持 SWR，轮询，错误重试，缓存，分页等）的 Vue 3 请求库

仓库地址： https://github.com/AttoJS/vue-request
官网地址： https://www.attojs.org

看看能不能满足你的要求

[JaaaaackZheng]

BFF?

[KisekiRemi]

// axios 配置
let axiosConfig = {
// todo
}

let instanceTmp = axios.create(axiosConfig);

// http 请求拦截器
instanceTmp.interceptors.request.use(
config => {
// todo
return config
}
err => {
// todo
return err
}
)

// http 相应拦截器
instanceTmp.interceptors.response.use(
response => {
// todo
return response
}
err => {
// todo
return err
}
)