diff options
| author | かっこかり <67428053+kakkokari-gtyih@users.noreply.github.com> | 2025-01-14 19:40:14 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-01-14 10:40:14 +0000 |
| commit | d082a1dd34fa84a0a6c5afa99a984437d9d1e686 (patch) | |
| tree | 33b32c90afdcd9de387cad99bf44eb34dd1175c8 | |
| parent | feat(backend): config(default.yml)からSQLログ全文を出力するか否... (diff) | |
| download | sharkey-d082a1dd34fa84a0a6c5afa99a984437d9d1e686.tar.gz sharkey-d082a1dd34fa84a0a6c5afa99a984437d9d1e686.tar.bz2 sharkey-d082a1dd34fa84a0a6c5afa99a984437d9d1e686.zip | |
fix(frontend/dev): バックエンド経由での開発時にHMRが効かない問題を修正 (#15255)
| -rw-r--r-- | packages/frontend-embed/vite.config.ts | 6 | ||||
| -rw-r--r-- | packages/frontend/vite.config.ts | 6 |
2 files changed, 12 insertions, 0 deletions
diff --git a/packages/frontend-embed/vite.config.ts b/packages/frontend-embed/vite.config.ts index 2dbee488c5..151d316190 100644 --- a/packages/frontend-embed/vite.config.ts +++ b/packages/frontend-embed/vite.config.ts @@ -63,6 +63,12 @@ export function getConfig(): UserConfig { server: { port: 5174, + hmr: { + // バックエンド経由での起動時、Viteは5174経由でアセットを参照していると思い込んでいるが実際は3000から配信される + // そのため、バックエンドのWSサーバーにHMRのWSリクエストが吸収されてしまい、正しくHMRが機能しない + // クライアント側のWSポートをViteサーバーのポートに強制させることで、正しくHMRが機能するようになる + clientPort: 5174, + }, }, plugins: [ diff --git a/packages/frontend/vite.config.ts b/packages/frontend/vite.config.ts index 504562a91e..3c4b19a571 100644 --- a/packages/frontend/vite.config.ts +++ b/packages/frontend/vite.config.ts @@ -65,6 +65,12 @@ export function getConfig(): UserConfig { server: { port: 5173, + hmr: { + // バックエンド経由での起動時、Viteは5173経由でアセットを参照していると思い込んでいるが実際は3000から配信される + // そのため、バックエンドのWSサーバーにHMRのWSリクエストが吸収されてしまい、正しくHMRが機能しない + // クライアント側のWSポートをViteサーバーのポートに強制させることで、正しくHMRが機能するようになる + clientPort: 5173, + }, headers: { // なんか効かない 'X-Frame-Options': 'DENY', }, |