axios进阶实践之利用最优雅的方式写ajax请求

前端之家收集整理的这篇文章主要介绍了axios进阶实践之利用最优雅的方式写ajax请求前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

前言

ajax相信不用过多介绍了,作者坚信可以用配置解决的问题,请勿硬编码,下面话不多说了,来一看看详细的介绍吧。

姊妹篇 jQuery进阶:

axios是Vue官方推荐的ajax库,用来取代vue-resource。更多详细的基础知识可以参考这篇文章:

优点:

@H_
403_12@
  • 增加一个ajax接口,只需要在配置文件里多写几行就可以
  • 不需要在组件中写axios调用,直接调用api方法,很方便
  • 如果接口有调整,只需要修改一下接口配置文件就可以
  • 统一管理接口配置
  • 1. content-type配置

    2. api 配置

    用户名或者密码错误' } } ] }

    3. request.js 方法

    { api[item.name] = { url: apiConf.baseURL + item.path,method: item.method,status: item.status,contentType: item.contentType,fire: fire } }) export default api

    4. 在组件中使用

    浏览器结果:

    5. 更多

    有个地方我不是很明白,希望懂的人可以给我解答一下

    如果某个组件中只需要login方法,但是我这样写会报错。

    这样写的前提是要在request.js最后写上

    但是这是我不想要的,因为每次增加一个接口,这里都要export一次, 这不符合开放闭合原则,请问有什么更好的方法吗?

    总结

    以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对编程之家的支持

    猜你在找的Ajax相关文章