关于axios以及jsonp的简单使用方法

大佬教程收集整理的这篇文章主要介绍了关于axios以及jsonp的简单使用方法，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

vuejs前端框架作者推荐使用axios进行数据请求，axios的使用方法非常简单，最近在使用vuejs碰到个小问题，于是记录一下：
1.如果是npm管理前端项目的话，直接npm i axios --save-dev安装就好，如果不是，那么直接引用就行了
使用的时候在页面的script中import axios from 'axios'引入，下面是es6的函数式写法

getList: function () {
  axios.get('路径').then((responsE) => {
        //这里是成功后的处理
    }
  })
}

2.axios不支持jsonp，因为axios的作者觉得jsonp不太友好，推荐用CORS方式更为干净，但是jsonp支持范围更加广阔一些，一些老式的IE浏览器也能支持，所以有些公司还是jsonp用的多些，那么如果要使用jsonp,可以独立安装
npm i jsonp --save-dev 然后在页面中引用import jsonp from 'jsonp'，使用方式也是非常简单的:

getList: function () {
 jsonp(config.ajaxUrl + '路径',null,(err,data) => {
   if (err) {
     console.error(err.messagE);
   } else {
     if (data.list.length > 0) {
       data.list.map((item) => this.list.push(item))
       console.log(data);
     }
   }
 })
}

大佬总结

以上是大佬教程为你收集整理的关于axios以及jsonp的简单使用方法全部内容，希望文章能够帮你解决关于axios以及jsonp的简单使用方法所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。