React js深度链接

Question

我是React的初学者，深度链接有问题。

意味着，如果我直接调用完整的URL(https://Mainsite.com/Impressum我的预付款是"；新站点"(我得了404呃。但是，如果我通过我的导航栏，它工作得很好。

<BrowserRouter>
<div id="App" className="App">
<div className="App">
<NavigationBar
Nav1="Home"
Nav2="Die Band"
Nav3="Referenzen"
Nav4="Kontaktiere uns"
Nav5="Fotogalerie"
/>
<h1 className="App-CB">"Clear: both"</h1>
<Routes>
<Route path="/" element={<Homepage />} />
<Route
exact
path="/impressum"
element={<Impressum />}
/>
<Route
exact
path="/dataPrivacy"
element={<DataPrivacy />}
/>
<Route
exact
path="/photogallery"
element={<Photogallery />}
/>
<Route
path="*"
element={
<main style={{ padding: "1rem" }}>
<p>
Dieser Link ist Ungültig. Bitte
Überprüfe deine URL
</p>
</main>
}
/>
</Routes>
</div>
</div>
</BrowserRouter>

这是在我的APP组件中。

Answer 1

我解决了我的问题。答案是：

我已经通过Netlify加载了该项目。然后创建一个新的文件"_重定向"；。这被放置在文件夹"中；"公共"；(index.html也在里面(。在该文件中为"/*"/index.html 200"；。

我还必须在构建命令之后添加以下内容：

("react-scripts build") "&& echo '/* /index.html 200' | cat >build/_redirects"

因此在最终结果中看起来是这样的：

"build": "react-scripts build && echo '/* /index.html 200' | cat >build/_redirects ",

我希望我能帮助任何有同样问题的人。