Fix: fix fetch failed error when during github actions

- ref: vercel/next.js#44062 (comment)
Ho-s · Dec 31, 2024 · c2daeb0 · c2daeb0
1 parent 14b3080
commit c2daeb0
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 5 deletions.
diff --git a/src/app/cars/[detail]/page.tsx b/src/app/cars/[detail]/page.tsx
@@ -4,8 +4,6 @@ import Link from 'next/link';
 import { Car } from '~/components/Cars';
 import { API_HOST } from '~/constants/apiRelated';
 
-export const dynamic = 'force-dynamic';
-
 async function getCarDetail(detail: string): Promise<Car> {
   const res = await fetch(API_HOST + `/api/cars/${detail}`);
   return res.json();

diff --git a/src/components/Cars/Cars.tsx b/src/components/Cars/Cars.tsx
@@ -4,8 +4,6 @@ import Link from 'next/link';
 
 import { API_HOST } from '~/constants/apiRelated';
 
-export const dynamic = 'force-dynamic';
-
 export interface Car {
   createdAt: string;
   driverName: string;

diff --git a/src/constants/apiRelated.ts b/src/constants/apiRelated.ts
@@ -1,2 +1,5 @@
-export const API_HOST = process.env.NEXT_PUBLIC_BASE_URL ?? 'http://localhost:3000';
+export const API_HOST =
+  (process.env.NEXT_PUBLIC_BASE_URL ?? process.env.NODE_ENV !== 'production')
+    ? 'http://127.0.0.1:3000'
+    : 'http://[::1]:8000';
 export const GRAPHQL_ENDPOINT = 'https://spacex-production.up.railway.app/';