javascript - 未找到页面和默认主页总是重定向到主页 - React Router

标签 javascript reactjs react-router react-router-dom

我有这个代码,并且总是将它重定向到主页的不存在的路由。我希望当输入不存在的路由时重定向到 /404 ,当没有输入或 / 时输入它重定向到主页。

            <Switch>
                <Route exact path="/badges" component={Badges} />
                <Route exact path="/badges/new" component={NewBadge} />
                <Route path="/404" component={NotFound} />
                <Route path="/" component={Home} />
                <Redirect from="*" to="/404" />
            </Switch>

最佳答案

在您的 Home route 使用确切的属性。

            <Route exact path="/" component={Home} />

关于javascript - 未找到页面和默认主页总是重定向到主页 - React Router,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60894270/

相关文章:

javascript - 使用 props.change 更改 redux-form 中输入字段的值

node.js - Webpack、开发中间件和静态文件

react-router - 显示某些组件时隐藏组件(使用 react 路由器)

reactjs - 3 足 OAuth 与 React 和 Redux

javascript - Slimbox 以整个页面为中心,而不是窗口

javascript - ReactJS prop 绑定(bind)是如何工作的?

javascript - Typescript:使用接口(interface)从字符串创建函数

javascript - 使用 onChange 更新组件。 React-Hooks

reactjs - 如何将 TypeScript 与 withRouter、connect、React.Component 和自定义属性一起使用?

javascript - 在 Brackets.io 中安装和使用 JQuery (mac)