feat: update config of api rewrite

next.config.mjs

@@ -1,4 +1,13 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {};
+const nextConfig = {
+    async rewrites() {
+        return [
+            {
+                source: '/api/:path*',
+                destination: 'http://localhost:3000/api/:path*',
+            },
+        ];
+    },
+};
 
 export default nextConfig;

src/app/book/page.tsx

@@ -8,7 +8,7 @@ export default function () {
     const [books, setBooks] = useState<Book[]>([]);
     const fetchBooks = async () => {
         try {
-            const { data } = await fetch('http://localhost:3000/book/api/fetchBooks').then(res => res.json());
+            const { data } = await fetch('/book/api/fetchBooks').then(res => res.json());
             setBooks(data);
         } catch (err) {
             console.log(err);