reactjs - 从浏览器调用的 Nextjs 路径返回 404(Nextjs、NGINX)

Question

nextjs 是如何处理 SEO 的？我试图通过从浏览器直接调用它 (localhost:8080/about) 来呈现页面，但 NGINX 返回 404。主页中嵌入的同一页面的链接有效，但无法使用 URL 直接加载页面。 NGINX 或 Nextjs 应用程序是否需要其他配置。

Answer 1

由于您使用 NGINX 作为您的 Web 服务器，您可能想要反向代理到您的 NextJS 应用程序。 https://medium.com/@deresegetachew/serving-react-spa-using-nginx-and-reverse-proxy-4e5485c814a0

React/NextJS 默认使用 3000 端口。您帖子中的 URL 指向端口 8080。默认情况下，NextJS 不使用 NGINX，因此我相信另一个 Web 服务器正在呈现您的页面，即 NGINX。

当您在 nextjs 项目上运行以下命令时，您将看到以下输出，它会说明正在提供服务的端口。然后尝试使用网络浏览器查看。

$ npm install
$ npm run dev
...
[ wait ]  compiling ...
[ ready ] compiled successfully - ready on http://localhost:3000

如果您的项目顶级目录中有一个 server.js，或者您可以添加一个来配置您的应用程序将服务于哪个端口。 https://nextjs.org/docs/old#custom-server-and-routing

如果您的 Web 服务器启用了防火墙，则并非所有端口都可用。