vue封装asiox

作者: 小曼很nice | 来源:发表于2019-07-16 11:21 被阅读323次

    关于vue封装axios

    首先建了3个文件夹,作为存储,也就是3个模块 

    分别是config,untils,services

    配置文件夹

    config中我存放的是接口的域名,因为同一个项目中接口的前缀也就是域名都是相同的,当我们向后台请求数据的时候,肯定不止一个数据,这样请求就会很繁琐,代码块重复,也不利于维护修改。  

    封装域名

    而当我们需要使用这些域名时 ,在main.js中引入,就可以使用了

    untils中存放封装好的axios请求方法  当需要向后台请求数据的时候调用就好

    封装axios方法

    axios中使用promise进行异步操作,resolve,reject中使用箭头函数来处理请求的数据结果

    services中就是我们向接口请求数据了,

    向后台接口请求数据

    在product中引入刚才封装好的axios方法,因为axios请求后返回的是数据,所以必须return一下 ,否则拿不到数据,

    组件中需要向后台请求数据的时候,直接引入product,再new实例化一下,proto连接原型链,就可以在组件中调用product中的方法了,可以传参数进行接口的参数拼接,来获取数据

    组件中引入product并实例化 组件内调用封装好的axios方法 lisrparams作为参数

    相关文章

      网友评论

        本文标题:vue封装asiox

        本文链接:https://www.haomeiwen.com/subject/vjlzkctx.html