vuejs 前端和服务端交互api接口定义范例

记录一下学习过程中，vuejs 前后端api接口定义的范例(包含增删改查)，供后面学习参考：

import request from "@/utils/request";
import axios from "axios";
const  BASE_URL="http://192.168.1.1:39090/api/v1";//定义公共url,调用时，会把BASE_URL和方法中的url 进行拼接

export function fetchclientList(query) { // 查询列表
  return axios.request({
    url: '/client-device/list',
    method: 'post',
    baseURL:BASE_URL,
    data:query
  });
  
}

export function createClient(data) {  // 新增
  return axios.request({
    url: '/client-device/',
    method: 'post',
    baseURL:BASE_URL,
    data  // 此处可以写成：data:data,如果函数参数为data,此处可以只写一个data.
  });
 
}
 
export function updateClient(data) {// 编辑
  return axios.request({
    url: '/client-device/'+ data.id + "/",
    method: 'patch',
    baseURL:BASE_URL,
    data
  });
  
}

export function getClientDetail(data) { // 查看单个详情
  return axios.request({
    url: '/client-device/'+ data.id + "/",
    method: 'get',
    baseURL:BASE_URL,
    data
  });
}

export function deleteClient(data) { // 删除
  return axios.request({
    url: '/client-device/'+ data.id + "/",
    method: 'delete',
    baseURL:BASE_URL,
    data
  });
 
}