文章1

GET請求

• 方式一：參數(shù)格式：{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風(fēng)格

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

POST請求

• 方式一：實(shí)體類接收

    //前端
    var param = {
        currentPage: this.pagination.currentPage, //頁碼
        pageSize: this.pagination.pageSize,  //每頁顯示的記錄數(shù)
        queryString: this.pagination.queryString  //查詢條件
    };
    axios.post("/checkitem/groupPageQuery",param)
 
    //后端
    @PostMapping("/groupPageQuery")
    public PageResult groupPageQuery(@RequestBody QueryPageBean queryPageBean){}

• 方式二：實(shí)體類+RestFul風(fēng)格接收

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

作 者：湊數(shù)的園丁
出 處：https://www.cnblogs.com/lq-404/
版權(quán)聲明： 本博客所有文章除特別聲明外，均采用 BY-NC-SA 許可協(xié)議。轉(zhuǎn)載請注明出處！

文章2

問題還原：
項(xiàng)目中實(shí)現(xiàn)一個功能時，后臺接口是需要三個字符串的POST接口，前臺調(diào)用時參數(shù)需要跟在url后邊，如何調(diào)用那？
后臺接口代碼如下：

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

解決方案：
兩種實(shí)現(xiàn)方式，分別是request和axios.post。具體代碼如下所示：

const params = {
    id,
    name,
    other
  }

• 方式一：

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

• 方式二：

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

————————————————
版權(quán)聲明：本文為CSDN博主「心知向之」的原創(chuàng)文章，遵循CC 4.0 BY-SA版權(quán)協(xié)議，轉(zhuǎn)載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/xiaofeiwei521/article/details/123409954