后端接口模拟最佳实践探讨（mockjs, json-server...）

概述

• 个人开发者若不想要么全部用模拟接口，要么全部用正式接口，而是实现后端完善的接口则直接使用，没完善的接口则使用模拟数据，则：
  • 方案1：创建多个anxios实例 + Mock-Dev-Server

mockjs

方案1：直接使用mockjs

• 参考：
  • Vite+Vue3使用MockJS的实现示例_vue.js_脚本之家

方案2：vue3 + vite 项目使用 vite-plugin-mock

• 参考：
  • Vue3项目使用mockjs模拟数据_vue3 mockjs-CSDN博客
  • vue3之vite配置vite-plugin-mock使用mock轻松创建模拟数据提高开发效率-CSDN博客
• 特点
  • 提供开发和生产服务。
  • 注意：method可以小写

方案3：Mock-Dev-Server

• 特点
  • 提供开发，预览和生产服务，开发，预览会自动启动在项目启动端口，生产环境需要独立部署。
  • 可以在 mock配置文件中使用node 任意第三方模块
  • 使用vite.config.ts中 server.proxy 配置，不启用MOCK则直接代理到target
  • 注意：method必须大写，否则会报错：/api/... matched, but mock data was not found.

json-sever 参考官网

• 参考：
  • 官方：json-server - npm