使用npm下载 npm install axios
我建了一个api文件来统一管理方便省事
然后引入
这个时候写了一个公共的请求头来节省代码
get方法请求数据
const Method = {
getOneRecord: 'enterprisemanage/one-record',
}
export const getOneRecord = (params) => {
return axios.get(Method.getOneRecord, { params })
.then((result) => {
return result.data
})
}
下面是post方法请求数据
export const getOneRecord = (params) => {
return axios.post(Method.getOneRecord, params)
.then((result) => {
return result.data
})
}
找到相应的文件然后导入
import { getThreeRecord } from "对应的是我所建的文件目录";
在methods里面写方法
这个时候我把方法封装在了函数里，方便调用
getData(page = 1) { //这是我项目的参数 分页的参数
let params = {
page: page
};
getThreeRecord(params).then(result => { //这里就是axios的get请求
this.totalpage = result.data.totalpage;
this.ConsumptionData = result.data.totaldata;
});
},
一个简单的数据渲染就完成了
