webpack-dev-server: получение 404 при перенаправлении AJAX

Question

Я реализую поток OAuth2 в приложении ReactJS, которое использует webpack-dev-server и react-router BrowserRouter.

У меня есть два потока. Первый работает без проблем, второй не работает:

приложение выполняет перенаправление браузера на провайдера аутентификации >> пользователь входит в систему, провайдер аутентификации перенаправляет обратно в приложение (localhost: 3000 / login) >> приложение на / login маршрут завершает поток.

Если я хочу проверить вход в систему состояние, когда пользователь, скажем, обновляет страницу:

приложение делает AJAX вызов поставщику аутентификации >> , так как есть сеанс, поставщик аутентификации перенаправляет обратно в приложение (localhost: 3000 / login) >> AJAX вызов завершается с ошибкой 404 .

Моя конфигурация веб-пакета:

devServer: {
  historyApiFallback: true,
  headers: {
    'Access-Control-Allow-Origin': null,
    'Access-Control-Allow-Credentials': true
  }
}

Есть идеи? Похоже, опция historyApiFallback не включается для AJAX вызовов ...

Answer 1

 devServer: {
        port: 3001,
        contentBase: 'public', // public is where your index.html is located
        hot: true,
        stats:{
            colors: true
        },
        quiet: false,
        host: "localhost",
        overlay: true,
        historyApiFallback: {
            disableDotRule: true,
        },
    },