【前端09】关于mockjs的使用

第一步

npm install mockjs

//vue3
npm i vite-plugin-mock cross-env -D
// vite.config.js 中添加 mockjs 插件
import { viteMockServe } from "vite-plugin-mock"
export default defineConfig({
    plugins: [
        vue(),
        viteMockServe({
         mockPath: "./src/mock",
      	 supportTs: true     //如果使用 js发开，则需要配置 supportTs 为 false
        })
    ]
})

第二步
在src下建mock文件夹，文件夹下见mock.js文件

//  mock.js
import Mock from 'mockjs';

// 模拟数据
Mock.mock('/api/riskdata', 'get', {
  'list|10': [{

    'id|100-120': 1,

    'user_name': '@cname',
    'sources_LE':'@ctitle',
    'customer_name': '@cname',
    'risk_type|0-4':1,
    'sources':'@ctitle',
    'comment':'@ctitle',
    'submit_time':'@date',
    'evaluation|1-4':1,
    'status|1-4':1,
    'operator':'@ctitle',
  }]
});

第三步：main.ts中导入

import './mock' // 导入 mock 所在路径

第四步：使用，按照访问接口的方式访问