使用mock.js
項目中直接安裝
npm i mock -save
在src下創(chuàng)建 mock 文件（這個根據自己喜好）
image.png
index.js 文件寫入
import Mock from "mockjs"
import mockData from "./mockData.js"
Mock.mock("http://192.168.104.67:8080/api/mockdata","get",mockData.getData)
Mock.mock("http://192.168.104.67:8080/api/loginout","post",mockData.loginOut)
模擬mock數據文件
const getData = {
code: "200",
success: true,
msg: "成功",
data: [{
name: "張三",
age: 26,
},
{
name: "張三2",
age: 27,
},
{
name: "張三3",
age: 28,
},
]
}
const loginOut = {
code: "200",
success: true,
msg: "退出登陸",
}
export default {
getData,
loginOut,
}
去main.js引入
require("./mock/index.js")
組件內直接使用
image.png
看下輸出結果
image.png
