Question

我在项目上使用webpack-dev-server。项目使用Spring Boot + Tiles + Vue + Webpack。

环境：

strictbounds

在本地环境中，FE端口使用8080，而webpack-dev-server端口为9090。 webpack捆绑的文件在/ front / static-dev / build /中创建。因此，我使用如下所示的代理选项。

OS: Mac OS
Node Version: 9.4.0
NPM Version: 5.6.0
Webpack Version: 4.25.1
webpack-dev-server Version: 3.1.10

启动webpack-dev-server之后，静态资源（如JSP，捆绑的js文件，CSS文件或图像，...）将正常加载。但是，每当我请求一些api时，webpack-dev-server都会发生相同的错误。错误日志如下。

devServer: {
    publicPath: 'http://localhost:9090/front/static-dev/build/',
    port: 9090,
    proxy: {
        '/**': {
            target: 'http://localhost:8080',
            secure: false,
            changeOrigin: true
        }
    },
    open: true
}

在请求一些API之后，我检查了Eclipse上的日志，通常正在发出Api请求。在Chrome Consloe中，如下所示登录。

[HPM] Error occurred while trying to proxy 
request /api/v1/users/name from localhost:9090 to 
http://localhost:8080 (HPE_INVALID_CHUNK_SIZE) 
(https://nodejs.org/api/errors.html#errors_common_system_errors)

我认为问题在于回应。在Google中使用Webpack搜索HPE_INVALID_CHUNK_SIZE，找不到任何信息。

我该如何解决这个问题。

谢谢。

Answer 1

我使用“连接”选项解决了此问题。

        proxy: {
        '/**': {
            target: 'http://localhost:8080/',
            secure: false,
            changeOrigin: true,
            headers: {
                Connection: 'keep-alive'
            }
        }

Answer 2

此错误可能是由发送给您的代理的错误标头引起的。如果出现其他问题，您可以尝试Transport-Encoding: chunked或设置Content-Length http标头。您可以看到此答案https://stackoverflow.com/a/55433376/996895

webpack开发服务器代理发生错误：HPE_INVALID_CHUNK_SIZE

2 个答案: