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