axios post formdata

axios get 方法总结:
获取数据的方法

#.请求参数可以封装一个参数
var formData=new FormData();
formData.append('user',123456);
formData.append('pass',12345678);


1.基本语法: axios.get
axios.get('/url').then(function(response){
    console.log(response);//请求正确时执行的代码
}).catch(function (response){
    console.log(response);//请求错误时执行的代码
});


2.将请求参数单
axios.get('/user', {
    params : {       //请求所传入的数据
        id : 123
    }
}).then(function(response){
    console.log(response);//请求正确时执行的代码
}).catch(function(response){
    console.log(response);//发生错误时执行的代码
})


3,将请求的数据封装成一个对象
var params = {
    dataone: this.datafirst,
    datatwo: this.datasecond,
}
this.axios.get('/url', params).then(response => {
    //请求成功时返回的数据
}).catch(response => {
    //请求失败时返回的数据
})

4 封装get方法
export function fetch(url,params={}){
    return new Promise((resolve,reject) => {
        axios.get(url,{
             params:params
        })
        .then(response => {
            resolve(response.data);
        })
        .catch(err => {
            reject(err)
        })
    })
}



最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、安装 1、 利用npm安装npm install axios --save 2、 利用bower安装bower...
    kiddings阅读 5,745评论 0 3
  • 我们所要的说的axios的封装和api接口的统一管理,其实主要目的就是在帮助我们简化代码和利于后期的更新维护。 一...
    kangaroo_v阅读 12,643评论 1 67
  • 在学习了之前的路由vue-router和状态管理vuex之后,就应该是网络交互了。就学习尤大推荐的axios了。刚...
    VioletJack阅读 40,149评论 18 84
  • axios 基于 Promise 的 HTTP 请求客户端,可同时在浏览器和 node.js 中使用 功能特性 在...
    Yanghc阅读 9,032评论 0 7
  • 在学习了之前的路由vue-router和状态管理vuex之后,就应该是网络交互了。就学习尤大推荐的axios了。刚...
    神秘者007阅读 4,151评论 0 9