Question

据我所知，如果您要创建一个react应用没有入门工具包，例如 create-react-app，您可以完全控制的一件事是 {{3} }.

当您的应用在应用完全加载之前遇到路由时需要解决问题时，这会特别方便。

https://your-app.com/login

您会收到错误消息，因为您的路线尚未创建。

所以你做这样的事情：

const UglifyJSPlugin = require('uglifyjs-webpack-plugin');
var webpack = require('webpack');

var config = {
  output: {
    publicPath: '/',
  }
  devServer: {
    historyApiFallback: true,
  }
  mode: 'development',
};

if (process.env.NODE_ENV === 'production') {
  config.plugins.push(
    new webpack.DefinePlugin({
      'process.env': {
        NODE_ENV: JSON.stringify(process.env.NODE_ENV),
      },
    }),
    new UglifyJSPlugin()
  );
}

module.exports = config;

特别是：

   devServer: {
        historyApiFallback: true,
      }

所以我根据这个相关的webpack

找到了这个enter link description here

任何想法，如果有解决这个问题的包或TUT？

创建 React App：如何在生产中使用 historyApiFallback: true

0 个答案: