@webe
frontend

Почему не работает historyApiFallback?

webpack": "^4.6.0",
В реакте использую BrowserRouter
Перехожу по ссылке 127.0.0.1:8080/faq/1111111111111 (физический переход, т.е. через кнпоку f5)
И браузер возвращает ошибку: GET 127.0.0.1:8080/faq/js/bundle.js 404 (Not Found)
По настоящему файл лежи тут: 127.0.0.1:8080/js/bundle.js

Помогите плиз настроить пути, что бы Fallback заработал в development

const Webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const ExtractTextPlugin = require("extract-text-webpack-plugin");
const path = require('path');
const webpackConfig = {
  entry: path.resolve(__dirname, './src/index.js'),
  output: {
    path: path.resolve(__dirname, 'dest'),
    filename: "js/bundle.js"
  },
  resolve: { extensions: ['.js', '.jsx'] },
  module: {
    rules: [
    ......скрыто, ибо много ненужного.........
    ]
  },
  plugins: [
    new HtmlWebpackPlugin({
      template: path.resolve(__dirname, './src/index.html'),
      filename: 'index.html',
    }),
    new ExtractTextPlugin({
      disable: false,
      filename: "[name].css",
    }),
    new Webpack.ProvidePlugin({
      $demo: path.resolve(__dirname, './dest/js/demo.js'),
    }),
    new Webpack.NamedModulesPlugin(),
    new Webpack.HotModuleReplacementPlugin()
  ],
  devServer: {
    contentBase: path.resolve(__dirname, './dest'),
    port: 8080,
    historyApiFallback:true,
    inline: true,
    hot: true,
    host: '0.0.0.0'
  }
};
module.exports = webpackConfig
  • Вопрос задан
  • 143 просмотра
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы