Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 反应路由器历史记录未正确渲染_Javascript_Reactjs_React Router - Fatal编程技术网

Javascript 反应路由器历史记录未正确渲染

Javascript 反应路由器历史记录未正确渲染,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

我正在使用创建一个应用程序

一切都很酷,我生成了我的dist文件,但我把我的应用程序上传到我的网站上,就像这样:my-website.com/staging/my-app


但是当我导航到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/