Blog

webpack-dev-server: CORS, devServer.proxy ve HMR WebSocket kökenlerini API’nizle hizalama

HMR ikinci bir bağlantı kullanır; API başka bir porttaysa istekleri vekilleyin ki tarayıcı fetch ve WS için tek köken görsün.

1 dk okuma
webpackdev-servercors

Vekil ve başlıklar

Geliştirmede `/api`’yi arka uca vekillemek çapraz köken fetch’i kaldırır; Ağ sekmesinde çoğu ön uç gürültüsü azalır.

Genel devServer.headers tüm yanıtlara uygulanır; arka uç ara yazılımıyla çakışan Allow-Origin üretmeyin.

WebSocket’ler

sockjs-client ve webpack HMR için geliştirme sunucusunda izinli kökenler gerekir; Nest veya Express’teki REST CORS ile karıştırmayın.

Yerelde HTTPS kullanırken tarayıcının güvendiği sertifika SAN’larıyla WSS’in eşleştiğinden emin olun.

Bloga dön