Api route framework for the browser and node.js.
pnpm add @fourze/core
create a router file src/mock/example.ts
import { defineRouter } from "@fourze/core";
export default defineRouter((router) => {
router.get("/hello", () => {
return "hello,world";
});
});configure vite config
pnpm add @fourze/vite
import fourze from "@fourze/vite";
export default defineConfig({
plugins: [
fourze({
base: "/api"
})
],
});then you can fetch /api/hello to get response.
-
Simple api route register
-
Mock XHR/fetch/http.request response
-
Run in express / nitro or ... as a middleware
-
Node.js and browser support
pnpm install
pnpm build
pnpm play:vitepnpm add @fourze/nuxt
nuxt.config.ts
export default defineNuxtConfig({
modules: ["@fourze/nuxt"],
fourze: {
base: "/api"
}
});pnpm add @fourze/server
import { defineRouter } from "@fourze/core";
import { createServer } from "@fourze/server";
const server = createServer({
base: "/api"
});
server.use(defineRouter((router) => {
router.get("/hello", (_, res) => {
res.send("hello,world");
});
}));
server.listen(7609);import express from "express";
import { createServer } from "@fourze/server";
const middleware = createServer({
base: "/api"
});
const app = express();
app.use(middleware);
app.listen(7609);src/mock/example.ts
import { defineRouter } from "@fourze/core";
export default defineRouter((router) => {
// base = '/api'
router.post("/user/{id}", (req) => {
return {
id: req.params.id,
name: "test"
};
});
});Set base to /api in vite/nuxt config, then you can fetch /api/user/1 to get response.
Request
POST /api/user/1
Response
{"id":"1","name":"test"}
This project is heavily inspired by the following awesome projects.
