mock的使用

1.mock传递本地数据

首先npm i mockjs
首先新建src/api/mockData文件夹-生成home.js文件

// home.js 传入本地数据
export default {
	getHomeData: () => {
	return{
	code: 200,
	data: {
		tableData: [{
		name: "penpen",
		sexual: "female"},
		{
		name:"pengpeng",
		sexual:"fefe"
		}
		]
	}
	}
 }
}

于api中新建mock.js文件

// 引入mock
import Mock from 'mockjs'
import homeApi from './mockData/home'
//拦截请求
Mock.mock('/home/getData','get',homeApi.getHomeData)

然后在main.js中引入

//main.js中引入
import './api/mock.js'
// 下载npm i axios后在组件中引用
import axios from "axios";
const getTableList = async () =>{
	await axios.get("/home/getData").then((res)=>{
	console.log(res)
	}
};
onMounted(() =>{
	getTableList();
})

2.线上fastmock

// 将本地数据导入fastmock接口使用
import axios from "axios";
const getTableList = async () =>{
	await axios.get("https://www.fastmock.site/mock/0c6f12730a2b323cf6adc21ba6dfa59b/api/home/getTableData").then((res)=>{
	console.log(res)
	}
};
onMounted(() =>{
	getTableList();
})