vue3用mock模拟后端接口发送get请求

在Vue3中，可以使用像`vue-cli-plugin-mockjs`这样的插件来模拟后端接口的GET请求，尤其是当项目开发阶段需要快速迭代页面而不需要实时API数据时非常有用。这个插件允许你在本地环境中编写静态数据来模拟服务器响应。

安装步骤如下：

1. 首先，你需要在你的项目中安装这个插件：

   npm install -D @vue/cli-plugin-mockjs

2. 然后，在`.vue.config.js`文件中启用mockjs配置：

   module.exports = {
     // ...
     pluginOptions: {
       mockjs: {
         enable: true,
         prefix: '/api', // 模拟接口的前缀，默认是'/mock'
       },
     },
   };

3. 接下来，在你的组件或测试文件中，你可以创建一个mock数据对象并挂载到`$http`或`axios`上，这通常是通过`setup()`生命周期钩子来完成的：

   import { createMockServer } from '@vue/cli-plugin-mockjs';

   setup() {
     const mockServer = createMockServer();
     mockServer.onGet('/api/users').reply(() => [
       { id: 1, name: '张三' },
       { id: 2, name: '李四' },
     ]);
     return { mockServer };
   }

现在当你尝试从`/api/users`获取数据时，它会返回预先定义好的模拟数据。记得在开发完成后移除这个模拟，切换回真实API。