使用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;

      });

    },

一个简单的数据渲染就完成了