vue3项目使用mock,一直报404错误，可能是什么原因？

Question

我的项目是vite+ts+vue3的前端项目，使用vite-plugin-mock和mockjs时，一直报404错误，都是按教程设置的，可能是什么原因？
vite.config.ts的设置

根目录下建立了mock

假数据文件也正常

还有可能是什么原因啊？

Answer 1

• 看下这篇博客，也许你就懂了，链接：vite-vue-ts mock数据
• 除此之外, 这篇博客: Vue3动态路由（Vite+Vue3+TS+Mock）中的 3.4、配置mock 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• /src/mock/index.ts：此文件为mock模拟接口配置，我们先创建一个测试接口，返回一个Hello World

  import { MockMethod } from "vite-plugin-mock"
  
  const mock: Array<MockMethod> = [
      {
          // 接口路径
          url: '/api/test',
          
          // 接口方法
          method: 'get',
  
          // 返回数据
          response: () => {
              return {
                  status: 200,
                  message: 'success',
                  data: 'Hello World'
              }
          }
      }
  ]
  
  export default mock