vite项目使用 vite-plugin-mock 插件 mock数据，fetch报错SyntaxError: Unexpected token < in JSON at position 0

在vite项目中使用 vite-plugin-mock 插件 mock数据，

fetch报错

SyntaxError: Unexpected token < in JSON at position 0

问题原因：

mock文件夹需放在项目根目录，而我放在了src目录。

 

贴下我的配置

首先安装相关包
npm i vite-plugin-mock cross-env -D
npm i  mockjs -S


vite.config.js 中配置
import {viteMockServe} from "vite-plugin-mock";

plugins: [
    viteMockServe({ supporTs: false }),
],


fetch相关代码

fetch("/api/getUsers", { method: "get" })

.then((res) => res.json())

.then((data) => {

console.log(data);

})

.catch((err) => console.log("Oh, error", err));

 

项目根目录下 mock 文件夹 user.js 

 

export default [

{

url: "/api/getUsers",

method: "get",

response: () => {

return {

code: 0,

message: "ok",

data: ["tom", "jerry"],

};

},

},

];