在我的网站上,我有一些使用 React-Router 制作的路由,它们指向网站本身的几个不同页面。在开发模式下一切正常,但构建版本是问题发生的地方。当我将网站上传到 Netlify 进行测试时,索引页面 ( path="/" ) 工作正常,但其他页面(例如 about 页面 ( path="/about"))在刷新时会抛出 404 错误他们。我也尝试过使用不同的托管提供商,但在某些上它甚至没有加载索引页面,或者它加载了,但没有加载其他页面。
经过进一步研究和阅读 Vite 文档,我发现问题可能是我没有配置 Vite 来检查路由,但我不知道如何执行此操作(或至少正确执行)。
我还应该提到,我对 React 还很陌生,所以如果问题提出得不好,我很抱歉。
以下是 app.js 文件中路由器的代码:
function App() {
return (
<>
<Suspense fallback={<RhombLoad />}>
<Router>
<Header />
<Routes>
<Route path="/" element={<Home />} />
<Route path="/storitve" element={<Storitve />} />
<Route path="/onas" element={<Onas />} />
<Route path="/reference" element={<Reference />} />
<Route path="/zaposlovanje" element={<Zaposlovanje />} />
<Route path="/kontakt" element={<Kontakt />} />
<Route path="*" element={<ErrorPage />} />
</Routes>
<Footer />
</Router>
</Suspense> …Run Code Online (Sandbox Code Playgroud) 我想知道如何在Next.Js 13中正确实现滚动触发的动画。
我尝试使用像AOS这样的滚动触发动画库,但为了使其工作,需要在 useEffect 挂钩内初始化它,这需要客户端渲染。现在,如果我只将它用于一个组件(并且仅用于通过“使用客户端”声明客户端渲染的该组件),那么所有这些都可以,但这不是一个选项,因为我想让 AOS 可以跨我的整个应用程序,以便页面的所有组件和部分都可以使用它,因此,这意味着,如果我做对了,所有内容都将使用客户端渲染(因为我在根处声明(为了能够使用useEffect)),这不是我想要的。
有没有更好的方法来实现这一点,或者我只是以错误的方式理解这一点?我是 Next.Js 的新手,所以如果这个问题更“愚蠢”,我很抱歉,但我找不到或找出答案,所以我决定在这里问它。我很高兴听到您的回答。:)