next.js - 将 next 的输出文件夹从 "_next"重命名为 "next"

Question

我今天遇到了一个用例，我试图让我的 nextjs 应用程序在 android webview 中工作，不幸的是 android 不解析以 _next 开头的路径并且我的大部分块文件都在_next/static 当我构建我的应用程序时。

有没有办法将此文件夹从 _next 重命名为 next 或其他任何名称？此问题将提供有关 android 在这方面如何工作的额外上下文 Android project is not resolving any static assets

Answer 1

我通过 Nginx Routing 处理了这个问题。

我在制作此 Nginx 路由时假设的是每个文件都将具有唯一的哈希和文件名组合。

这是我使用的 Nginx 路由的代码片段。

location /static/ {
    try_files $uri @server1;
}
location @server1{
    proxy_pass http://192.168.1.1$uri;
    proxy_intercept_errors on;
    recursive_error_pages on;
    error_page 404 = @server2;
}

location @server2{
    proxy_pass http://192.168.1.2$uri;
    proxy_intercept_errors on;
    recursive_error_pages on;
    error_page 404 = @server3;
}

location @server3{
    proxy_pass http://192.168.1.3$uri;
}

上面的代码所做的是，每当 Nginx 遇到/_next/时，它将首先尝试使用 @server1 的 URL，如果该服务器以 404 响应，Nginx 然后将请求传输到 @server2，如 error_page 参数中所述。

此示例的工作方式如下:try_files $uri @server1 @server2 @server3

这对我有用，因为我有 2 个应用程序是在 Next 上开发的，并且都有 _next 路线。

如果这能解决您的问题，请告诉我。