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

› Vue.js

This topic created in 1983 days ago, the information mentioned may be changed or developed.

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

item

键名

属性

请求

5 replies • 2021-06-03 16:57:40 +08:00

joesonw

Jun 2, 2021

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

Jun 2, 2021

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

John60676

Jun 2, 2021

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

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

看看能不能满足你的要求

JaaaaackZheng

Jun 2, 2021

BFF?

KisekiRemi

Jun 3, 2021

// 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
}
)