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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM