mock

web程序需要先配置跨域

方式 1

src/mock/index.js

import Mock from "mockjs";
const Random = Mock.Random; // Mock.Random 是一个工具类，用于生成各种随机数据
Mock.setup({
  timeout: "500-2000", // 表示响应时间介于 500 和 2000 毫秒之间，默认值是'10-100'。
});
Mock.mock({
  // 属性 list 的值是一个数组，其中含有 1 到 10 个元素
  "list|1-2": [
    {
      // 属性 id 是一个自增数，起始值为 1，每次增 1
      "id|+1": 1,
    },
  ],
});
Mock.mock(/\/api\/getId\/\d+\/.+/, "get", {
  code: 200,
  data: {
    id: 123,
  },
});
Mock.mock(/\/api\/getId\/\d+\/.+/, "post", {
  code: 200,
  data: {
    id: 123,
    method: "post",
  },
});

main.js

import { createApp } from "vue"; 
import App from "./App.vue";
import "./mock/index";
const app = createApp(App);
app.mount("#app");

方式 2

src/mock/index.js

vite.config.ts

import { viteMockServe } from 'vite-plugin-mock'
export default defineConfig({
    plugins: [ viteMockServe({
      mockPath: "./src/mock/"
    })],
})

main.js

import { createApp } from "vue"; 
import App from "./App.vue";
import "./mock/index";
const app = createApp(App);
app.mount("#app");