记录一下学习过程中,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
});
}