您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

带有BrowserRouter / browserHistory的React-router在刷新时不起作用

带有BrowserRouter / browserHistory的React-router在刷新时不起作用

您在路线中提到的第一件事是具有path的home组件/home。所以你需要参观http://localhost:8080/home。另外,如果您尝试直接访问此网址,则由于使用,它也会给您此错误browserHistory。如果您希望可以在hashHistoryHashRouterreact- router v4中使用,则需要访问http://localhost:8080/#/home。如果要继续使用browserHistoryBrowserRouter在react- router v4中使用,则需要historyApiFallback: true 在webpack中添加

var webpack = require('webpack');
var path = require('path');

var BUILD_DIR = path.resolve(__dirname, 'src/client/public');
var APP_DIR = path.resolve(__dirname, 'src/client/app');

var config = {
    entry: [
        APP_DIR + '/config/routes.jsx',
        'webpack/hot/dev-server',
        'webpack-dev-server/client?http://localhost:8080'
    ],
  output: {
    publicPath: 'http://localhost:8080/src/client/public/'
  },
  devServer: {
    historyApiFallback: true
  },
  module : {
    loaders : [
      {
        test: /\.jsx?$/,
        loader: 'babel-loader',
        include: APP_DIR,
        exclude: /node_modules/,
        query: {
            presets: ['es2015']
        }
      },
      {
        test: /\.scss$/,
        loaders: [ 'style', 'css', 'sass' ]
      }, 
      {
        test: /\.json$/, 
        loader: "json-loader"
     }
    ]
  }
};

module.exports = config;
其他 2022/1/1 18:14:21 有547人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶