V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
hm20062006ok
V2EX  ›  Vue.js

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

  •  
  •   hm20062006ok · 178 天前 · 1289 次点击
    这是一个创建于 178 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    5 条回复    2021-06-03 16:57:40 +08:00
    joesonw
        1
    joesonw   178 天前
    要么 http 请求库处拦截(axios 类). 要么 serviceWorker 全局拦截.
    dfkjgklfdjg
        2
    dfkjgklfdjg   178 天前
    axios 响应拦截器,或者 list 页面用 mixins 混入
    John60676
        3
    John60676   178 天前
    vue-request ⚡️ 一个能轻松帮你管理请求状态(支持 SWR,轮询,错误重试,缓存,分页等)的 Vue 3 请求库

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

    看看能不能满足你的要求
    JaaaaackZheng
        4
    JaaaaackZheng   178 天前
    BFF?
    KisekiRemi
        5
    KisekiRemi   176 天前
    // 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
    }
    )
    关于   ·   帮助文档   ·   API   ·   FAQ   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2333 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 06:28 · PVG 14:28 · LAX 22:28 · JFK 01:28
    ♥ Do have faith in what you're doing.