Javascript 反应路由器历史记录未正确渲染
我正在使用创建一个应用程序 一切都很酷,我生成了我的dist文件,但我把我的应用程序上传到我的网站上,就像这样:my-website.com/staging/my-appJavascript 反应路由器历史记录未正确渲染,javascript,reactjs,react-router,Javascript,Reactjs,React Router,我正在使用创建一个应用程序 一切都很酷,我生成了我的dist文件,但我把我的应用程序上传到我的网站上,就像这样:my-website.com/staging/my-app 但是当我导航到my website.com/staging/my app时,它会呈现错误组件,如果我按Home按钮,我会看到主页是例外的,但是导航栏中的url是my website.com/如果你的网站不在根url中,你需要提供一个basename选项 例如: import createBrowserHistory from
但是当我导航到my website.com/staging/my app时,它会呈现错误组件,如果我按Home按钮,我会看到主页是例外的,但是导航栏中的url是my website.com/如果你的网站不在根url中,你需要提供一个basename选项 例如:
import createBrowserHistory from "history/lib/createBrowserHistory"
import { Router, useRouterHistory } from "react-router"
const browserHistory = useRouterHistory(createBrowserHistory)({
basename: "staging/my-app",
})
// component
<Router history={ browserHistory } routes={ routes } />
从“history/lib/createBrowserHistory”导入createBrowserHistory
从“react Router”导入{Router,useRouterHistory}
const browserHistory=useRouterHistory(createBrowserHistory)({
basename:“登台/我的应用程序”,
})
//组成部分
如果您的网站不在根url中,则需要提供basename选项
例如:
import createBrowserHistory from "history/lib/createBrowserHistory"
import { Router, useRouterHistory } from "react-router"
const browserHistory = useRouterHistory(createBrowserHistory)({
basename: "staging/my-app",
})
// component
<Router history={ browserHistory } routes={ routes } />
从“history/lib/createBrowserHistory”导入createBrowserHistory
从“react Router”导入{Router,useRouterHistory}
const browserHistory=useRouterHistory(createBrowserHistory)({
basename:“登台/我的应用程序”,
})
//组成部分
我怎样才能做到这一点呢?多谢老兄,似乎正在本地工作,但如果我将其空白上传到apache服务器上,你知道为什么吗?你看过浏览器控制台了吗?它一定会抛出一些错误:)如果我把它放在显示屏上,看起来好像找不到路由,但是当你设置basename时,点击按钮时,它会表现得很奇怪,这意味着一切都与basename有关。不要在URL中添加/staging/
,我如何才能做到这一点?感谢dude,似乎正在本地工作,但如果我将其空白上传到apache服务器,你知道为什么吗?你看过浏览器控制台了吗?它一定会抛出一些错误:)如果我把它放在显示屏上,看起来好像找不到路由,但是当你设置basename时,点击按钮时,它会表现得很奇怪,这意味着一切都与basename有关。不要在url中添加/staging/