Webpack Devserver HistoryApiFallback

#reactjs #webpack #react-router #webpack-dev-server #html5-history

#reactjs #webpack #react-маршрутизатор #webpack-dev-server #html5-история

Вопрос:

У меня настроен сервер разработки React webpack следующим образом:

 devServer: {
        port: 3000,
        historyApiFallback: true,
        proxy: {
            '/api': 'http://localhost:8080'
        }
    },
  

Теперь мне также нужно добавить disabledDotRule: true в historyApiFallback.
Может кто-нибудь помочь мне сделать это?
Если я попытаюсь просто изменить его на

 historyApiFallback: {
            disableDotRule: true,
        },
  

Я получаю следующую ошибку ECONNREFUSED:

Error occurred while trying to proxy request /api/.../ from localhost:3000 to http://localhost:8080

Я думаю, проблема в том, что historyApiFallback: true это отсутствует. Как мне сохранить это при добавлении disabledDotRule: true ?

Комментарии:

1. Ваш сервер react dev работает на 3000 или 8080?

2. Сервер разработки работает на 3000, в то время как мой сервер находится на порту 8080 на том же компьютере.

Ответ №1:

Прошу прощения, я неправильно понял ваш вопрос.

Не могли бы вы попробовать следующие действия и посмотреть, работают ли какие-либо:

(1) Заменить «http:localhost:8080 » с помощью «http://[::1]:8080» вот так:

 proxy:{
  "/api":"http://[::1]:8080"
}
  

(2) Запустите API на другом порту, например 8081, и посмотрите, получите ли вы ту же ошибку

Комментарии:

1. В чем разница с моим фрагментом кода, который не работает?