mock.js

前后端分离，有时候项目刚成立，后端的数据不会那么快写好，所以用mock模拟数据，一般后端会先出接口文档，会给接口的地址，mockjs可以拦截ajax请求，有了mockjs我们可以模拟后台返回数据，以方便的进行一系列的操作。

先安装

在main.js中引入

npm i mock.js

接下来新建一个mockData.js把模拟的数据存储进去

 getHomeData: () => {

    return {

      code: 200,

      data: {

        tableData: [

          {

            name: "oppo",

            todayBuy: 500,

            monthBuy: 3500,

            totalBuy: 22000,

          }

]

}

然后新建一个mockjs配置拦截请求

import homeApi from './mockData/home'

Mock.mock('/home/getData', homeApi.getHomeData)

在需要渲染数据的页面，发送请求

const getTableList=async ()=>{
            await axios.get('/home/getData').then((res)=>{
                if(res.data.code ==200){
                    tabledata.value=res.data.tabledata

                }
            })
        }
        onMounted(()=>{
            getTableList()
        })

线上模拟mock，fastmock，写入接口地址 ，就会生成线上链接。