如何解决如何使用React Router重定向到React中的子目录?
我假设在domain.com的根域中安装了一个React应用程序,并且我已将Wordpress安装在名为domain.com/blog的子目录中。如果添加诸如<Route exact path="/blog" />
之类的空路由,则会得到空白页。
有什么方法可以访问React组件之外的子目录中的.php或.html文件?
请参考下面的路由代码
<BrowserRouter>
<Switch>
<Switch>
<Route exact path="/" render={(props) => <Index {...props} />} />
{/*route added since /blog redirects to / because of 404 condition at the bottom */}
{/* <Route exact path="/blog" /> */}
{/*404 redirection for other URLs */}
<Redirect to="/" />
<Redirect from="/" to="/" />
</Switch>
</Switch>
</BrowserRouter>
由于下面添加的重定向,如果我不提供/ blog的路由,它将重定向到根“ /” URL(这是404页面未找到的条件)。
解决方法
Route仅用于react的内部路由。如果您要路由其他平台的网址,则需要使用anchor(标记)
您可以在此处this
了解更多信息<a href="https://example.com/blog">Go to Blog</a>
更新:
<BrowserRouter>
<Switch>
<Switch>
<Route exact path="/" render={(props) => <Index {...props} />} />
<Route path="*" render={props => <NotFound />}
</Switch>
</Switch>
</BrowserRouter>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。