node.js - 如何将nextjs部署到非根目录的目录中

Question

最近我学习了一些关于 nextjs 的知识，因为我想通过使用 React 制作一个对 SEO 友好的网站。在我遇到问题之前，一切看起来都很棒。

这是关于如何将 nextjs 应用程序部署到不是根目录的目录中，例如“/next”。我为 nextjs 使用了一个简单的配置，使用默认 Node 服务器监听 3000 端口，然后使用 nginx 进行反向。

next.config 看起来像:



nginx配置:



当我访问localhost:8080/next时，我得到了nextjs提供的404页面，css或js也是404。看来nextjs或nginx的配置是错误的。

Answer 1

您当前的配置告诉 nginx 将 url 映射为 1 到 1，这意味着 /next/what-ever将映射到 http://localhost:3000/next/what-ever .

要解决这个问题，您需要添加一个额外的斜线。

server {
  ...
  location /next/ {
    proxy_pass http://localhost:3000/ // <----  this last slash tells to drop the prefix
  }
}

更多信息阅读 https://docs.nginx.com/nginx/admin-guide/web-server/reverse-proxy/#passing-a-request-to-a-proxied-server