From 243a400ffe831e1c8a9e31f7359a7fdcf7e0d7b2 Mon Sep 17 00:00:00 2001 From: Aris Setiawan Date: Thu, 1 May 2025 08:00:19 +0700 Subject: [PATCH 1/3] Fixing the CORS issue Fixing the CORS issue when we run `npm run dev` --- vite.config.ts | 3 +++ 1 file changed, 3 insertions(+) diff --git a/vite.config.ts b/vite.config.ts index 290d90e80..e96acfff9 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -14,6 +14,9 @@ export default defineConfig({ react(), tailwindcss(), ], + server: { + cors: true, + }, esbuild: { jsx: 'automatic', }, From 960efce7f832bd9d248890d53ac258da460cfdc0 Mon Sep 17 00:00:00 2001 From: Aris Setiawan Date: Thu, 1 May 2025 08:13:31 +0700 Subject: [PATCH 2/3] add conditional CORS Only allow CORS when we run `npm run dev`, other than that it will not allow CORS --- vite.config.ts | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/vite.config.ts b/vite.config.ts index e96acfff9..262dae727 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -4,7 +4,7 @@ import laravel from 'laravel-vite-plugin'; import { resolve } from 'node:path'; import { defineConfig } from 'vite'; -export default defineConfig({ +export default defineConfig( ({ command }) => ({ plugins: [ laravel({ input: ['resources/css/app.css', 'resources/js/app.tsx'], @@ -14,9 +14,9 @@ export default defineConfig({ react(), tailwindcss(), ], - server: { + server: command === 'serve' ? { cors: true, - }, + } : {}, esbuild: { jsx: 'automatic', }, From 8ebf0b429e2dbb76224845ef6371712b6076bff2 Mon Sep 17 00:00:00 2001 From: Aris Setiawan Date: Thu, 1 May 2025 08:22:07 +0700 Subject: [PATCH 3/3] fixing error, forgot to add ')' at the end of file. --- vite.config.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/vite.config.ts b/vite.config.ts index 262dae727..423e86a4c 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -25,4 +25,4 @@ export default defineConfig( ({ command }) => ({ 'ziggy-js': resolve(__dirname, 'vendor/tightenco/ziggy'), }, }, -}); +}));