r45her
@r45her
HTML-верстальщик / Frontend разработчик

Как настроить Webpack на работу с WebSocket?

Есть проект на React. Хотим внедрить туда WebSocket, чтобы изменения из бэкенда подтягивались без перезагрузки страницы.

У меня задача пока настроить webpack так, чтобы он коннектился, например, сюда https://www.websocket.org/echo.html. Собственно вопрос, как это сделать?

В конфиге webpack кусок с devServer выглядит так:

devServer: {
        contentBase: path.resolve(__dirname, `./${folder}`),
        compress: true,
        port: 9000,
        host: '0.0.0.0',
        open: false,
        historyApiFallback: true,
        proxy: [{
            context: ['/api', '/dash'],
            target: 'url_нашего_сервера',
            changeOrigin: true,
            secure: true
        }]
    },
  • Вопрос задан
  • 1393 просмотра
Решения вопроса 1
r45her
@r45her Автор вопроса
HTML-верстальщик / Frontend разработчик
Примерное решение:

devServer: {
    contentBase: path.resolve(__dirname, `./${folder}`),
    compress: true,
    port: 9000,
    host: '0.0.0.0',
    open: false,
    historyApiFallback: true,
    proxy: [
        {
            context: ['/api', '/dash'],
            target: 'https://${systemUrl}/',
            changeOrigin: true,
            secure: true
        },
        {
            context: ['/websocket'],
            target: `wss://${systemUrl}/websocket/`,
            changeOrigin: true,
            ws: true
        }
    ]
},
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
28 мар. 2024, в 18:16
1000 руб./за проект
28 мар. 2024, в 18:15
90000 руб./за проект
28 мар. 2024, в 18:05
5000 руб./за проект