反应路由器未路由到路由元素中指定的路径

Question

在以下React应用程序中，有两个路由URLhttp://myapp 正确布线到布局构件。但是，URLhttp://myapp/login 也路由到布局组件，而不是登录。如果我将path=“/login”更改为“/sign”，它将正确路由到登录组件。

React路由器中的“/login”路径将其路由到路由是否有特殊之处？或者我设置这个路由的方式有错误吗？

import * as React from 'react';
import * as ReactDOM from 'react-dom';
import { AppContainer } from 'react-hot-loader';
import { BrowserRouter, Switch, Route } from 'react-router-dom';
import { Layout } from './components/Layout';
import { NotFound } from './components/NotFound';
import { Login } from './components/Login';

//Redux store
import { Provider } from "react-redux";
import store from "./store";

function renderApp() {

  ReactDOM.render(
    <Provider store={store}>
      <BrowserRouter basename="/">
        <Switch>
          <Route exact path="/" component={Layout} />
          <Route exact path="/login" component={Login} />
          <Route component={NotFound} />
        </Switch>
      </BrowserRouter>
    </Provider>,
    document.getElementById('react-app')
  );

}

renderApp();

Answer 1

因此，您似乎必须小心，为路由匹配正确指定了basename属性。“/”匹配“/登录”，但“~/”不正确。考虑是否需要BaseNeNm属性，如果是的话，请仔细考虑它的值。