javascript - react-router v2.0 browserHistory 不工作

Question

目前正在使用 react-route v2.0。

我确定我正在寻找一些东西，但我能够让 hashHistory 工作，但是在实现 browserHistory 时，我收到 404 错误消息，因为我试图删除 url 中的 hashHistory，并且想知道一个解决方法生产。

我整个下午都在拔头发，但似乎看不出哪里出了问题。

应用程序/App.jsx

var React = require('react');
var ReactDom = require('react-dom');
var Router = require('react-router').Router;
var routes = require('./config/routes');
var browserHistory = require('react-router').browserHistory;

ReactDom.render(
  <Router history={browserHistory}>{routes}</Router>,
  document.getElementById('app')
);

应用程序/配置/routes.jsx

var React = require('react');
var Main = require('../components/Main');
var Home = require('../components/Home');
var Profile = require('../components/Profile');
var Router = require('react-router');
var Route = Router.Route;
var IndexRoute = Router.IndexRoute;

module.exports = (
  <Route path="/" component={Main}>
    <Route path="profile/:username" component={Profile} />
    <IndexRoute component={Home} />
  </Route>
);

这是我正在处理的一个 repo 协议(protocol) https://github.com/SOSANA/React.JS-Tutorials-and-Things/tree/master/github-notetaker/04-state-and-props

希望有人能帮忙

Answer 1

您需要在脚本标记中使用根目录相关(或绝对)URL，否则应用程序最终会请求目录中的脚本，并且服务器会以(包罗万象的)html 文件进行响应。

<script src="/bundle.js"></script>