【封装axios】前端架构让你一次封装终身受益！！！

文章预览

点击上方  前端Q ，关注公众号 回复 加群 ，加入前端Q技术交流群 前言（为何做） 过去的一段时间，我都认为 「接口请求」 封装是前端的必修课。只要是写过生产环境前端代码的人，应该都脱离不了异步接口请求，那么 接口请求 的 「封装」 是必经之路。 直到前些天，我们屋某个美团写后台的小姑娘问我前端问题时。我才发现她们代码中的 「接口请求」 ，都是没有任何的封装，直接采用以下方式进行： axios.post(`/api/xxxx/xxxx?xxx=${xxx}`, { ...data }) .then((result) => { if (result.errno) { .... } else { .... } }) .catch((err) => { .... }) 这样写也不是说不好，在某种程度上，这增加了代码的可读性。 但是我们大多数页面需要的接口都不止一个，那么我们的组件中极有可能出现 「数十上百」 行重复代码。 那么随着请求的体量越来越大，我们 ………………………………