axios参数

文章1

GET请求

• 方式一：参数格式：{params:{key1:val1, key2:val2}}

    //前端
    this.$axios.get("http://localhost:8080/api/function/login/loginget", 
    {params:{name:"carlget1", password:"password"}})
 
    // 后端代码
    @RequestMapping("loginget")
    public Map<String, Object> login(String name, String password){}

• 方式二：RestFul风格

    //前端
    axios.get("/checkitem/getItemIdByGroupId/"+row.id)
 
    //后端
    @GetMapping("/getItemIdByGroupId/{id}")
    public List<Integer> getItemIdByGroupId(@PathVariable("id") Integer id){}

POST请求

• 方式一：实体类接收

    //前端
    var param = {
        currentPage: this.pagination.currentPage, //页码
        pageSize: this.pagination.pageSize,  //每页显示的记录数
        queryString: this.pagination.queryString  //查询条件
    };
    axios.post("/checkitem/groupPageQuery",param)
 
    //后端
    @PostMapping("/groupPageQuery")
    public PageResult groupPageQuery(@RequestBody QueryPageBean queryPageBean){}

• 方式二：实体类+RestFul风格接收

    //前端
    axios.post("/checkitem/addGroup/"+this.checkitemIds,this.formData)
 
    //后端
    @PostMapping("/updateGroup/{checkitemIds}")
    public Result updateGroup(@PathVariable("checkitemIds") Integer[] checkitemIds, @RequestBody CheckGroup checkGroup){

作 者：凑数的园丁
出 处：https://www.cnblogs.com/lq-404/
版权声明： 本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！

文章2

问题还原：
项目中实现一个功能时，后台接口是需要三个字符串的POST接口，前台调用时参数需要跟在url后边，如何调用那？
后台接口代码如下：

@RequestMapping(value = "/***.do",method = RequestMethod.POST)
@ResponseBody
public HttpResult copy(String id, name, String other) throws Exception {
    return HttpResult.SUCCESS(***);
}

解决方案：
两种实现方式，分别是request和axios.post。具体代码如下所示：

const params = {
    id,
    name,
    other
  }

• 方式一：

return request({
    url: API.surveyCopy,
    method: 'post',
    params
  })

• 方式二：

return Vue.axios.post(API.surveyCopy, null, { params })

————————————————
版权声明：本文为CSDN博主「心知向之」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/xiaofeiwei521/article/details/123409954