webpack-dev-server httpsで開発

Question

.NET Core APIはhttpsで公開されています。

webpack-dev-serverで動作するReactアプリケーションからAPIへのリクエストを行いたいと思います。しかし、webpack-dev-serverはhttpでデフォルトで実行され、CORSは任意の要求をブロックします。

https（私の* .pfx証明書example）を強制的に使用するようにwebpackを再設定しますが、リフレッシュ（マイナーな問題）時にブラウザで「プライベート接続エラー」が発生し、自動リフレッシュが停止します。

コンソールエラー：

> [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. 

私はWebPACKの-DEV-サーバーのWebSocketをが原因HTTPSのURLの接続を確立できないと思います。しかし、私はこれを修正する方法を知らない。

Answer 1

プロキシあなたのWebPACKのdevのサーバ設定で、あなたの.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 
    }, 
    } 
} 

その他のドキュメント：
https://webpack.github.io/docs/webpack-dev-server.html#proxy