react-router - 添加路由后我得到404

Question

在我的 aspx webform 页面 (test.aspx) 中，我有一个选项卡，我想在单击时执行反应组件（第二个组件）。目前，我在转到 /SysAdmin/HelpPageManagement 时收到 404

代码

test.aspx

<Link to="/SysAdmin/HelpPageManagement" href="#">Help Pages</Link>

ma​​in.js

var React = require("react");
var ReactDom = require("react-dom");
var firstComponent = require("../Components/helpPage_Management_Component");
import {Router, Route, browserHistory } from 'react-router';

var secondComponent = React.createClass({
 render() {
     return ( <h1>Help Page </h1> );
  }
});

const router = (
  <Router history={browserHistory}>
    <Route path="/SysAdmin/HelpPageManagement" component={secondComponent}      />
 <Route path="/systemmaintenance.aspx" component={firstComponent} />

 </Router>
 )
 ReactDom.render(router, document.getElementById('helpPage'));

Answer 1

这是因为在 React Router 中定义路由是一个客户端路由。如果您直接请求 url，您的服务器需要了解客户端将处理路由。

404 由服务器生成，因为这通常是默认路由行为。

相反，配置您的服务器，以便默认发送回带有客户端路由的主 html 页面。然后，React Router 会根据 url 在客户端进行处理。