美文网首页
axios POST三种请求方式

axios POST三种请求方式

作者: BestFei | 来源:发表于2019-10-22 16:04 被阅读0次

    一、Content-Type: application/json

    import axios from 'axios'
    let data = {"password":"pa$$w0rd","username":"bestfei"};
    axios.post(`${this.$url}/post/jsonRequest`,data)
    .then(res=>{
        console.log('res=>',res);            
    })
    

    二、Content-Type: multipart/form-data
    窗体数据被编码为一条消息,页上的每个控件对应消息中的一个部分。
    multipart/form-data不会对参数编码,使用的boundary(分割线),相当于&,boundary的值是----Web**AJv3。

    import axios from 'axios'
    let data = new FormData();
    data.append('password','pa$$w0rd');
    data.append('username','bestfei');
    axios.post(`${this.$url}/post/formRequest`,data)
    .then(res=>{
        console.log('res=>',res);            
    })
    

    三、Content-Type: application/x-www-form-urlencoded
    窗体数据被编码为名称/值对。这是标准的编码格式。
    参数的格式为key=value&key=value

    import axios from 'axios'
    import qs from 'Qs'
    let data = {"password":"pa$$w0rd","username":"bestfei"};
    axios.post(`${this.$url}/post/3wformRequest`,qs.stringify({
        data
    }))
    .then(res=>{
        console.log('res=>',res);            
    })
    

    相关文章

      网友评论

          本文标题:axios POST三种请求方式

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