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