axios的参数传递？

• get和 delete请求传递参数,他俩传参请求形式一样
  发送请求

   //    发送get 请求
      axios.get("http://localhost:3000/axios").then(function(ret) {
        // data 为固定的，用于获取后台数据
        console.log(ret.data);
      });

• 通过传统的url 以 ? 的形式传递参数

        axios.get("http://localhost:3000/axios?id=123").then(function(ret) {
          // data 为固定的，用于获取后台数据
          console.log(ret.data);
        });

后端api写法,通过req.query

app.get("/axios", (req, res) => {
  res.send("传递参数  " + req.query.id);
});

• restful 形式传递参数

     axios.get("http://localhost:3000/axios/123").then(function(ret) {
          // data 为固定的，用于获取后台数据
          console.log(ret.data);
        });

后端api写法,通过req.params

app.get("/axios/:id", (req, res) => {
  res.send("传递参数  " + req.params.id);
});

• 通过params 形式传递参数

      axios
        .get("http://localhost:3000/axios", {
          params: {
            id: 456
          }
        })
        .then(function(ret) {
          // data 为固定的，用于获取后台数据
          console.log(ret.data);
        });

后端api写法,通过req.query

app.get("/axios", (req, res) => {
  res.send("传递参数  " + req.query.id);
});

• post 和 put 请求传递参数
  • 通过选项传递参数

    axios.post('http://localhost:3000/axios', {
      uname: 'lisi',
      pwd: 123
    }).then(function(ret){
      console.log(ret.data)
    })

后端api写法,通过req.body

app.post("/axios", (req, res) => {
  res.send("axios post 传递参数" + req.body.uname + "---" + req.body.pwd);
});

• 通过 URLSearchParams 传递参数

    var params = new URLSearchParams();
    params.append('uname', 'zhangsan');
    params.append('pwd', '111');
    axios.post('http://localhost:3000/axios', params).then(function(ret){
      console.log(ret.data)
    })

后端api写法,通过req.body

app.post("/axios", (req, res) => {
  res.send("axios post 传递参数" + req.body.uname + "---" + req.body.pwd);
});

注意：restful风格传递参数后端用req.params,
params对象后端用req.query接收，一般put和post都用req.body,get和delete都用req.query