axios 中请求格式规范

https://blog.csdn.net/chenshanqiang/article/details/103302324

1、GET：查询数据
       1.1、通过URL传递参数

    //前端
    axios.get('/path?id=123').then(function(ret){
            //ret是对象
            console.log(ret.data)
        })
    //服务器
    app.get('/path',(req,res)=>{
            res.send('axios get 传递参数'+req.query.id)
        })
    //前端
    axios.get('/path/123').then(function(ret){
            //ret是对象
            console.log(ret.data)
        })
    //服务器
    app.get('/path/:id',(req,res)=>{
            res.send('axios get (Restful) 传递参数'+req.params.id)
        })
      1.2、通过params选项传递参数

    //前端
    axios.get('/path',{
        params:{
           id:123
        }
    }).then(function(ret){
        console.log(ret.data)
    })
     //服务器
    app.get('/path',(req,res)=>{
            res.send('axios get 传递参数'+req.query.id)
    })
2、POST：添加数据
       2.1、通过选项传递参数（默认传递的是json格式的数据）

    //前端
    axios.post('/path',{
        name:'ming',
        pwd:123
    }).then(function(ret){
        console.log(ret.data)
    })
    //服务器
    app.post('/path',(req,res)=>{
        res.send('axios post 传递参数' + req.body.name + '----' + req.body.pwd);
    })
       2.1、通过URLSearchParams传递参数（application/x-www-form-urlencoded）

    //客户端
    var params = new URLSearchParams();
    params.append('name','xiang');
    params.append('pwd','123');
    axios.post('/path',params),then(function(ret){
        console.log(ret.data)
    })
    //服务器
    app.post('/path',(req,res)=>{
        res.send('axios post 传递参数' + req.body.name + '----' + req.body.pwd);
    })
3、PUT：修改数据
    //前端
    axios.put('/path/123',{
        name:'ming',
        pwd:123
    }).then(function(ret){
        console.log(ret.data)
    })
    //服务器
    app.put('/path/:id',(req,res)=>{
        res.send('axios post 传递参数' + req.params.id + '----' + req.body.name + '----' +     req.body.pwd);
    })
4、DELETE：删除数据
4.1、通过URL传递参数

    //前端
    axios.delete('/path?id=123').then(function(ret){
            //ret是对象
            console.log(ret.data)
        })
    //服务器
    app.delete('/path',(req,res)=>{
            res.send('axios get 传递参数'+req.query.id)
        })
    //前端
    axios.delete('/path/123').then(function(ret){
            //ret是对象
            console.log(ret.data)
        })
    //服务器
    app.delete('/path/:id',(req,res)=>{
            res.send('axios get (Restful) 传递参数'+req.params.id)
        })
4.2、通过params选项传递参数

    //前端
    axios.delete('/path',{
        params:{
           id:123
        }
    }).then(function(ret){
        console.log(ret.data)
    })
     //服务器
    app.delete('/path',(req,res)=>{
            res.send('axios get 传递参数'+req.query.id)
    })
 

来源：CSDN

作者：zyf13671493506

链接：https://blog.csdn.net/zyf13671493506/article/details/104745790