webpack-dev-server разрабатывается на https

Question

Мой .NET Core API доступен через https.

Я хочу выполнить запрос API из моего приложения React, запущенного на веб-пакете-dev-сервере. Но webpack-dev-сервер работает по http по умолчанию, а CORS блокирует любые запросы.

перенастроить Webpack принуждать использование HTTPS (с моим * .pfx сертификатом example), , но тогда у меня есть «личная ошибка подключения» в браузере при каждом обновлении (незначительные проблемы) и автоматически обновляемым перестает работать.

ошибки консоли:

> [HMR] Waiting for update signal from WDS... 
> app.js:4049 WebSocket connection to 'wss://localhost:8080/sockjs-node/826/sy0x5mcu/websocket' failed: Error in connection establishment: net::ERR_INSECURE_RESPONSE 
> [WDS] Hot Module Replacement enabled. 

Я думаю, что WebSockets из WebPack-DEV-сервер не может установить соединение из-за HTTPS URL. Но я не знаю, как это исправить.

Answer 1

Proxy ваш .NET API ядра в вашем WebPack DEV конфигурации сервера

{ 
    proxy: { 
    '/api/**': { 
     target: 'https://localhost:443', // or whichever port it's listening on 
     secure: false, 
     changeOrigin: true, // this might not be necessary depending on how restrictive your host is 
     pathRewrite: {'^/api' : ''}, // rewrite request /api/foo -> https://localhost:443/foo 
    }, 
    } 
} 

Более документы на проксирование с WebPack Dev сервера:
https://webpack.github.io/docs/webpack-dev-server.html#proxy