前端向后端传输数据的方法

1.发送get请求将参数通过？拼接

1：查询字符串（Query String）：在URL中使用?符号将参数附加到URL末尾，多个参数之间使用&符号分隔

​
http://192.162.17.172:8080/termite/termiteProject/page?pageNum=1&pageSize=20
export function termiteProjectPage(query) {
  return request({
    url: '/termite/termiteProject/page',
    method: 'get',
    params: query,
  });
}

 queryParams: {
    pageNum: 1,
    pageSize: 20,
  },
  const res = await termiteProjectPage(queryParams.value);

2.将参数拼接在url中，后台通过占位符接收参数/{id}

将参数直接作为URL的一部分，一般用于表示资源的唯一标识符或路径参数

http://192.162.17.172:8080/termite/termiteProject/18
export const termiteProjectDELETE = id => {
  return request({
    url: `/termite/termiteProject/${id}`,
    method: 'get',
  });
};
 const res = await termiteProjectDELETE(id);

3.通过post提交方式将form表单中的数据序列化后传递到后台

from表单把所有属于表单中的内容提交给后台，例如输入框，单选框，多选框，文本域，文件域等。

export function getInsertMonitorDevice(data) {
  return request({
    url: `/termite/termite/insertMonitorDevice`,
    method: 'post',
    data: data,
  });
}
   getInsertMonitorDevice(formData.value).then(()=> {
      proxy.$modal.msgSuccess('新建成功');
      dialogShow.value = false;
      getList();
    });

4.通过post提交方式将form表单的类型转换为 json

export function getLogin() {
  return request({
    url: `/login`,
    method: 'post',
    contentType: 'application/json',
  });
}
const res = await getLogin();

5. 前台将普通数据转换为json

 export function artificialInlandRiversWaterAdd(data) {
  return request({
    url: `/business/artificialInlandRiversWater/add`,
    method: 'post',
    data: JSON.stringify(data),
  });
}
queryParams: {
      page: 1,
      pageSize: 10
   }
const res = await artificialInlandRiversWaterAdd(queryParams.value);