React路由器的公共路径url
react router public path url
从我读到的所有教程中,他们使用并设置react-router,以"/"作为他们的路由路径,并将http://mysite.or/作为他们的域。如果我想要怎么办? http://mysite。或者/什么"作为我的基本路径(家)。我只需要把react-router上的"/"改成"/something"吗?或者有合适的方法来做这件事吗?
是的,如果你在父路由组件中使用path作为"/something",那么/something将是基路径。但最好在父组件中使用"/",然后创建一个基路径为"/something"的子组件
<Route path="/">
<Route path="/something">
//Put routes that needs base path as /something/...
</Route>
</Route>
现在看来basename
是正确的方式。
我喜欢使用PUBLIC_URL
,这样我可以根据不同的部署场景更改它。
<Router basename={process.env.PUBLIC_URL}>
https://reactrouter.com/web/api/BrowserRouter/basename-string ::字符串
所有位置的基础URL。如果你的应用程序是从服务器上的子目录提供的,你会想把这个设置为子目录。一个正确格式化的基本名应该有一个前导斜杠,但没有尾斜杠。
<BrowserRouter basename="/calendar">
<Link to="/today"/> // renders <a href="/calendar/today">
<Link to="/tomorrow"/> // renders <a href="/calendar/tomorrow">
...
</BrowserRouter>
相关文章:
- Ajax URL路径未替换当前URL
- 有没有一个Nodejs库可以序列化和反序列化命名组件的路径(比如URL路径名)
- javascript window.location在检查firebug时给了我一个错误的url路径
- 未捕获的InvalidValueError:setIcon:不是字符串;并且没有url属性;并且没有路径属性
- 在angularjs中动态路由url路径
- 为什么html src属性中的相对url是因为Javascript函数中的完整路径
- Angular sqlLite set css url()无法设置相对路径
- 来自URL的Regex URL路径
- 将 MVC 3 应用程序部署到 URL 文件夹已损坏 JavaScript 和内容路径
- 在相对于用户当前 URL 路径的不同路径中设置 Cookie
- 是否存在用于解析 URL 路径段(矩阵)参数的 JavaScript 库
- 如何将本地文件路径转换为文件::?/url在node.js中的安全性
- 从github url中查找用户、repo和路径
- 我可以使用URL路径提交参数吗
- 将URL路径与<a>attr('href')来动态更新.active类
- 在javascript中更改下拉框时更改路径URL
- Emberjs为一条路由使用多个路径/ url
- 附加路径url到Javascript对象
- React路由器的公共路径url
- 没有获得正确的 URL 路径 - URL 路径是:/favicon.ico