vue3之请求方式get，post案例

//vue3之请求方式get，post案例
//get请求==api下的js文件设置请求路径
export function listCar(query) {
  return request({
    url: '/mqtts/weizi/listlocation',
    method: 'get',
    params: query
  })
}
// == vue页面 ==
//引入方法listCar
import { listCar } from "@/api/system/start.js";
//在vue页面通过方法进行调用
function getListCar() {
   loading.value = true;
   listCar().then(response => {
    const rows = response.rows;
    for (const row of rows) {
  let carZhuangtai = row['carZhuangtai'];
  let num = row['num'];
  // 在这里对获取到的值进行进一步处理
  if(carZhuangtai=='1'){tingche.value=num}
  
  if(carZhuangtai=='2'){lixian.value=num}
    
  if(carZhuangtai=='0'){ xingshi.value = num;}
    }
   });
}


//post请求==api下的js文件设置请求路径
export const CarDirver = data=> {
  return request({
    url: '/mqtts/weizi/CarDirver',
    method: 'post',
    data
  })
}

// == vue页面 ==
//引入方法CarDirver
import { CarDirver } from "@/api/system/start.js";
//初始化传入的数据
let carWeidudu = ref(); 
let carJingdu = ref()
//在vue页面通过方法进行调用
function getList03() {
    console.log("有点击坐标点");
    // 向post接口传入数据{carWeidudu:carWeidudu,carJingdu:carJingdu}
    CarDirver({carWeidudu:carWeidudu,carJingdu:carJingdu}).then(response => {
      form.value = response;
    console.log(form.value.driver_name);
  });
}
//调用方法-请求生效
onMounted(() => {
  getList03();
  getListCar();
});