使用Vue3模拟服务器接口

文章目录

• • 1. 安装相应的包
  • 2. 创建相关文件
  • 3. 构建请求
  • 注意

axios-mock-adapter

在前端工程化开发流程中，为了提升开发效率并实现前后端并行开发，常常需要模拟后端接口或构造测试数据来进行功能调试与单元测试。此时，引入 Mock 技术来拦截并模拟服务器端的响应机制显得尤为关键，它能够有效解耦前端逻辑与后端依赖。

1. 安装相应的包

为了实现这一功能，我们需要引入两个核心依赖包：基础的网络请求库 axios 以及用于模拟其行为的适配器 axios-mock-adapter。

在通过包管理工具完成项目初始化后，首先需要在命令行终端（cmd）中执行安装指令，将这两个库引入到项目的依赖列表中：

    npm install axios
    npm install axios-mock-adapter --save-dev
    
    
      
      
    

2. 创建相关文件

接下来，我们需要在项目的 src 源代码根目录下新建一个名为 mock 的专用文件夹，用于集中管理