WebSocket 连接到 url/_next/webpack-hmr' 失败

Question

我使用next.js版本12来部署网页，但当部署时，它会在控制台中发出警告

websocket.js？a9be:45 WebSocket连接到wss://eteaga.com/_next/webpack-hmr'失败：

在本地主机中，它不会发出任何警告或问题。是新版本的next.js需要添加一些配置吗？

Answer 1

您必须为websocket定义一个新的位置块，&添加用于升级连接的nginx配置there:

        location /_next/webpack-hmr {
        # I assumed my server is running on port 3000 on localhost
        proxy_pass http://localhost:3000/_next/webpack-hmr;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
        }