Asp.Net Core + CreateReactApp + http-proxy-middleware
После настройки проксирования к Asp.Net Core приложения, созданного через CreateReactApp (TypeScript), запросы к прокси увенчались успехом. Вот setupProxy.js:
const { createProxyMiddleware } = require('http-proxy-middleware');
process.env.NODE_TLS_REJECT_UNAUTHORIZED = '0';
module.exports = function(app) {
app.use(
'/api',
createProxyMiddleware({
target: 'https://localhost:44364',
secure: false,
})
);
app.use(
'/hubs',
createProxyMiddleware({
target: 'https://localhost:44364',
ws: true,
secure: false,
})
);
};
И все бы отлично, да тут же, внезапно, начал отваливаться Websocket от webpackHotDevClient.js:
WebSocket connection to 'ws://localhost:3000/sockjs-node' failed: Invalid frame header (./node_modules/react-dev-utils/webpackHotDevClient.js @ webpackHotDevClient.js:60)
На буржуйских просторах интернета начитался, что стоит проксировать и /sockjs-node, но куда? Порт-то неизвестен. В итоге, родилась такая подпись в setupProxy.js:
app.use(
'/sockjs-node',
createProxyMiddleware({
target: 'wss://localhost:3000', // Советовали именно wss, мол кому-то помогло
ws: true,
secure: false,
})
);
Также, что любопытно, при ПЕРВОМ запуске npm run start - все отлично. А как только наступает пора первой перезагрузки страницы - отваливается соединение с концами.