【前端】vue3+vite+mockjs的使用

# 1安装
npm install mockjs
npm install vite-plugin-mock

#2在src目录下创建mock文件夹，在mock文件夹下建立mock.js

#3vite.config.ts
//引入mock
import { viteMockServe } from 'vite-plugin-mock'
export default defineConfig({
  plugins: [vue(),
    viteMockServe({
      mockPath: '@/mock/',//设置模拟数据的存储文件夹
      //@ts-ignore
   /*    supportTs: true,//是否读取ts文件模块
      logger:true,//是否在控制台显示请求日志
      localEnabled: true,//设置是否启用本地mock文件
      prodEnabled:true//设置打包是否启用mock功能 */
    })
  ],

  resolve: {
    alias: {
      '@': path.resolve('./src') // @代替src
    }
  }
})

#4在mock.js中写mock数据
import Mock from 'mockjs';
// 模拟数据
Mock.mock('/api/riskdata', 'get', {
  'list|1-10': [{
    'id|+1': 1,
    'user_name': '@cname',
    'customer_name': '@cname',
    'risk_type|0-4':1,
    'sources':'@ctitle',
    'comment':'@ctitle',
    'evaluation|1-4':1,
    'status|1-4':1,
    'operator':'@ctitle',
  }]
});