Question

我有一个反应应用程序，刚刚安装了反应路由器以进行一些路由。我正在导入反应路由器，如下所示：

import { Router, Route, Link, browserHistory, IndexRoute  } from 'react-router';

以下是我为渲染路线而实施的代码：

var routes = (
   <Router history={browserHistory}>
      <Route path = "/" component = {App}/>
      <Route path = "/test" component = {Test}/>
   </Router>
)

ReactDOM.render(
   routes
   ,document.getElementById('main')
);

当我转到http://localhost:8080/test时，收到错误消息Cannot GET /test。

在线查找可能的解决方案后，我发现只是将historyApiFallback: true添加到我的webpack.config文件中：

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

module.exports = {
  entry: './scripts/main.js',
  output: { path: __dirname, filename: 'bundle.js' },
  module: {
    loaders: [
      {
        test: /.jsx?$/,
        loader: 'babel-loader',
        exclude: /node_modules/,
        query: {
          presets: ['es2015', 'react']
        }
      }
    ]
  },
 devServer: {
    historyApiFallback: true
  }
};

仍然没有快乐，所以不确定我在这里做错了什么？

Answer 1

经过评论后的所有讨论，

答案是

更改后重启服务器了吗？

webpack dev服务器路由问题

1 个答案: