Vue Elememt 链接后端

get：

    //async 标记为异步请求

// get 直接获取路径并
axios.get(`api/user/selectUserAll`,{
        params:{
          "tiaoshu":this.tiaoshu,
          "pageSize":this.currentPage,
        }
      })
      
      
      .then((res) => {
        console.log(res)
        this.tableData = res.data.userList;
        this.maxPage = res.data.maxPage;
      });

}

post：

// 先设定传入参数

let params = {
        id: this.form.id,
        name: this.form.name,
        price: this.form.price,
        multipartFile: this.form.imgFile,
      };
      let config = {
        // 添加请求头
        headers: {
          "Content-Type": "multipart/form-data",
        },
      };

//创建对象
      const data = new FormData();

// 加入数据
      for (let k in params) {
        data.append(k, params[k]);
      }
      console.log(params);
      // 发送异步post
      this.request({
        method: "post",
        url: `api/food/addFood`,
        data,
        config,
      })
        // 添加成功!
        .then(function (res) {
          if (res.data) {
            window.alert("添加成功!");
          }
        });