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

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

img


根目录下建立了mock

img

假数据文件也正常

img


还有可能是什么原因啊？

  • 看下这篇博客，也许你就懂了，链接：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