vue3+vite+typescript 引用 mock.js

mock.js 使用流程

  1. 使用 npm 或 yarn 下载 mock.js

    npm install –save axios
    npm install –save mockjs

  2. 创建 mock 文件夹和 mock.ts 文件(如果你没有使用 ts 就创建 mock.js)

    avatar
    mock.ts 内容如下

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    import Mock from 'mockjs'
    Mock.mock('/api/list', 'get', {
    data: [
    {
    id: '1',
    title: 'title'
    }
    ]
    })

  3. 在 main.ts 里引用 mock.ts

    ‘@/mock/mock’
    这里使用了@通配符替换路径

  4. 下载 axios 并且创建 axios 的 api 文件统一管理接口

    npm install axios
    avatar

  5. 在你需要使用的地方调用 api 文件里导出的 ajax 方法

    avatar
    调用效果
    avatar
    如此整个添加 mock.js 的流程完毕

mock.js 扩展相关(包含语法文档)

mock.js 官方项目地址

另一个 mock 方案

使用 vite-plugin-mock
vite-plugin-mock