fix(frontend/dev): バックエンド経由での開発時にHMRが効かない問題を修正 (#15255)

This commit is contained in:
かっこかり 2025-01-14 19:40:14 +09:00 committed by GitHub
parent 759b9f4cf1
commit d082a1dd34
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 12 additions and 0 deletions

View file

@ -63,6 +63,12 @@ export function getConfig(): UserConfig {
server: { server: {
port: 5174, port: 5174,
hmr: {
// バックエンド経由での起動時、Viteは5174経由でアセットを参照していると思い込んでいるが実際は3000から配信される
// そのため、バックエンドのWSサーバーにHMRのWSリクエストが吸収されてしまい、正しくHMRが機能しない
// クライアント側のWSポートをViteサーバーのポートに強制させることで、正しくHMRが機能するようになる
clientPort: 5174,
},
}, },
plugins: [ plugins: [

View file

@ -65,6 +65,12 @@ export function getConfig(): UserConfig {
server: { server: {
port: 5173, port: 5173,
hmr: {
// バックエンド経由での起動時、Viteは5173経由でアセットを参照していると思い込んでいるが実際は3000から配信される
// そのため、バックエンドのWSサーバーにHMRのWSリクエストが吸収されてしまい、正しくHMRが機能しない
// クライアント側のWSポートをViteサーバーのポートに強制させることで、正しくHMRが機能するようになる
clientPort: 5173,
},
headers: { // なんか効かない headers: { // なんか効かない
'X-Frame-Options': 'DENY', 'X-Frame-Options': 'DENY',
}, },