vue3中使用mock.js进行数据交互模拟

在项目中进行安装

npm i mockjs -D

在项目中新建一个目录用来存储mock并在目录下新建index.j然后引入mock.js

import Mock from "mockjs";

建立模拟请求

//格式： Mock.mock( url, post/get , 返回的数据)
Mock.mock("/api/user/userInfo", "get", () => {
  return {
    code: 200,
    message: "获取成功",
    data: {
      name: "张三",
      age: 18,
      sex: "男",
    },
  };
});
// 下边这个模拟post请求也行
/*Mock.mock('/api/addgoods', 'post', (option)=> {
    let $name=JSON.parse(option.body).name;
    if($name){
        return Mock.mock({
            status: 200,
            message: '提交成功！！！'
        })
    }else{
        return Mock.mock({
            status: 400,
            message: '未提交参数'
        })
    }
})*/

使用axios发起请求访问当前模拟请求路径

http.get('/user/userInfo')

在这之后就可以拿到模拟数据了