如何在React Router 3.x中配置基本名称 [英] How to configure a basename in React Router 3.x

问题描述

我有一个在嵌套URL而不是根目录下运行的应用程序。可以说 example.com/app 。

I have an app running at a nested url as opposed to the root. Lets say example.com/app.

我读了此处，您可以在React Router 2.x中配置基本名称。

I read here that in react router 2.x you could configure basenames.

如何在React Router 3.x中完成此操作？

How can this be done in react router 3.x?

仅供参考，我也在使用 react-router-redux 包。

FYI I am also using the react-router-redux package.

推荐答案

此功能在React Router中不再存在。我遇到了类似的问题，并找到了此修复程序。

This functionality does not exist in React Router anymore. I went through a similar problem and found this fix.

步骤1：安装历史记录（3.0.0）

Step 1: Install History (3.0.0)

npm install-保存历史@ 3.0.0

步骤2：从路由器文件（带有< Router> 的文件）中的历史记录中导入{useBasename}：

Step 2: Import { useBasename } from history in your router file (the file with <Router>):

从历史记录导入{useBasename}

步骤3：修改您的< Router> 如下例：

< Router history = {useBasename（（）=> browserHistory）（{basename：'/ app'}）}>

这篇关于如何在React Router 3.x中配置基本名称的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！