Невозможно загрузить статические страницы прямо в продакшене
Я использую с
getStaticProps
и дела идут хорошо в dev. я открываю
localhost:3000
, который загружает
pages/index
и автоматически перенаправляет на домашнюю страницу, которая находится под
pages/[lang]/homepage.js
. Когда я открываю домашнюю страницу, вставляя
localhost:3000/en/homepage
, или любую другую страницу, страница загружается правильно. Однако, когда на производстве, и я открываю напрямую
www.website.com/en/homepage
или же
www.website.com/en/about
(и все остальные страницы в
[lang]
), он застревает на белом экране, и никакие журналы не появляются, поэтому, если я не открою
www.website.com
и он автоматически перенаправляется на домашнюю страницу (где я могу видеть журналы), страницы не загружались.
состав:
|- pages
|- [lang]
|- homepage
|- style.module.scss
|- index.tsx
|- about
|- style.module.scss
|- index.tsx
|- other_page
|- style.module.scss
|- index.tsx
|- _app.tsx
|- index.tsx
_app.tsx
const App = ({Component, pageProps}) => {
console.log("Page Props: ", pageProps)
return (
<div className={'app-container--loading'}>
<PageTransition timeout={100} classNames="page-transition">
<Component {...pageProps} />
</PageTransition>
</div>
);
}
export default App;
getStaticPaths
export const getStaticPaths = () => {
return {
paths: ["en", "fr"].map((lang) => ({ params: { lang } })),
fallback: false
}
}