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"], }; }, }, ];