javascript - url 中的双正斜杠会破坏路由器

Question

这是我的 React 路由器:

function redirect(nextState, replaceState) {
      replaceState({ nextPathName: nextState.location.pathname }, '/')
    }

const routes = (
    <Route component={App}>
      <Route path="/" component={Lead}/>
      <Route path="*" onEnter={redirect}/>
    </Route>
);

export default routes;

除了'/'之外的每条路由都被重定向到'/'

问题是:如果用户输入 mywebsite.com//服务器将无法提供静态资源，网站将出现没有 JS 和 CSS 的情况

如何解决？

Answer 1

将此添加到 <Switch> 的末尾之前 <Route path="*" >

<Redirect from="//*" to="/*" />