Getting ERR::HTTP2_PROTOCOL_ERROR on Azure CDN using React App

Question

Getting ERR::HTTP2_PROTOCOL_ERROR on Azure CDN using React App

Gabor Ferencz 20

Hi,

I have a Next app hosted on an azure app service in Linux, using a container, and an Azure CDN in front of it.

In fact, I have 2, but the setup is the same. Intermittently, I receive an error when trying to load the next assets.

This only happens on the next assets, both js and css.

User's image

For 1 minute, the status of the assets is stuck in pending after which, we get a failed message and the assets are not loaded User's image

This happens on two separate sites, and upon taking chrome logs, it says server reset connection.

Using the site from app service works perfectly every time.

We've only just now started putting a CDN in front of a react app, so unsure if that has any bearing on it, but all resources are prefixed with the custom domain assigned to the CDN, and we're going to be exposing the site to the public through the custom domain.

Is there something wrong that we are doing? I saw this:

https://learn.microsoft.com/en-us/answers/questions/239978/intermittent-err-http2-protocol-error-http2-stream

But there is no solution? Is it not possible to use Azure CDN in this way? Should we use a different service?

GitaraniSharma-MSFT 50,096 Reputation points Microsoft Employee Moderator

2023-06-28T12:01:00.0366667+00:00
Hello @Gabor Ferencz ,

Welcome to Microsoft Q&A Platform. Thank you for reaching out & hope you are doing well.

I understand that you have an azure app service and an Azure CDN in front of it and when trying to load the next assets, intermittently you receive an ERR::HTTP2_PROTOCOL_ERROR.

Let us first understand what is ERR_HTTP2_PROTOCOL_ERROR?

This error happens when a client browser has network issues that interrupt the request/response, and the browser fails to read the response due to the network issues, or the response received had an HTTP protocol problem that the browser was unable to interpret. These are typically client-side issues that are related to bugs in individual browsers and using a different browser will clear up the problem. However, sometimes the received response itself has issues. When this happens usually the issue is reproducible and happens in different browsers on different machines using a variety of operating systems.

To troubleshoot this issue, we would need to collect logs and identify the cause.

We can use netlogs generated from the browser to identify the reason for these errors. To capture this data, follow these steps:

Open a new tab and go to chrome://net-export/

Select include raw bytes to see all the data in the stream.

Click the "Start Logging To Disk" button. It will create a json file, select a directory/path where you would like to save these logs to.

A lot of data is generated using this option, so be sure to set a maximum log size.

Reproduce the network problem in a different tab (the chrome://net-export/ tab needs to stay open or logging will automatically stop.)

Click Stop Logging button.

Once you've the logs ready, please share them over email to us and we will take a look.

Send an email with subject line "ATTN gishar | Getting ERR::HTTP2_PROTOCOL_ERROR on Azure CDN using React App" to AzCommunity[at]Microsoft[dot]com with the following details, I will follow-up with you.

Reference this Q&A thread

Your Azure Subscription ID

Attach the collected logs

Note: Do not share any PII data as a public comment.

We will post a summarized answer once the issue is resolved.

Regards,

Gita
Gabor Ferencz 20 Reputation points

2023-06-29T07:43:35.84+00:00

Thank you. I'll send a response later today. But just to say, this is happening on all browsers, for all of our team, at random times, at random locations. So if it works for me, it doesn't for my colleague, etc. So it seems strange that it's client specific... I doubt it
GitaraniSharma-MSFT 50,096 Reputation points Microsoft Employee Moderator

2023-07-03T10:31:20.4266667+00:00

Hello @Gabor Ferencz , as I mentioned above, sometimes the received response itself has issues and when this happens, usually the issue is reproducible and happens in different browsers on different machines using a variety of operating systems. So, we need the logs to identify the cause of the issue. Please share the logs as requested and we will discuss it further.
Jeremy Schotte 26 Reputation points

2023-07-10T08:19:38.92+00:00

We have the exact same issue for months, already tried to contact Azure support but wasn't helpfull at all.
The appservice is loading properly from the direct URL but from the CDN is very very unstable, at random time, from random locations, with random browser it give the same "HTTP2_PROTOCOL_ERROR" after 1 or 2 minute of load time.
Really doubt it's client side
Jeremy Schotte 26 Reputation points

2023-07-17T11:04:19.4666667+00:00

@GitaraniSharma-MSFT Did you also need our logs ? We still have the issue..
Thanks !
GitaraniSharma-MSFT 50,096 Reputation points Microsoft Employee Moderator

2023-07-18T14:14:18.02+00:00

Sure, @Jeremy Schotte . You can share the logs to the email mentioned in my previous comment.
Karens Grigorjancs 0 Reputation points

2023-07-18T16:09:13.67+00:00

Having the same issue. I am using nuxt here. Please keep us posted if somebody solves the error.
GitaraniSharma-MSFT 50,096 Reputation points Microsoft Employee Moderator

2023-07-27T13:06:35.0033333+00:00

<<<UPDATE>>>

@Jeremy Schotte shared the requested logs with me and we were able to fix the issue. Please refer the below Q&A thread for more details on this:

https://learn.microsoft.com/en-us/answers/questions/1338000/http2-protocol-error-with-azure-cdn

Regards, Gita

1 answer

Your answer

Gabor Ferencz 20 Reputation points

2023-06-29T07:43:35.84+00:00

Thank you. I'll send a response later today. But just to say, this is happening on all browsers, for all of our team, at random times, at random locations. So if it works for me, it doesn't for my colleague, etc. So it seems strange that it's client specific... I doubt it
GitaraniSharma-MSFT 50,096 Reputation points Microsoft Employee Moderator

2023-07-03T10:31:20.4266667+00:00

Hello @Gabor Ferencz , as I mentioned above, sometimes the received response itself has issues and when this happens, usually the issue is reproducible and happens in different browsers on different machines using a variety of operating systems. So, we need the logs to identify the cause of the issue. Please share the logs as requested and we will discuss it further.
Jeremy Schotte 26 Reputation points

2023-07-10T08:19:38.92+00:00

We have the exact same issue for months, already tried to contact Azure support but wasn't helpfull at all.
The appservice is loading properly from the direct URL but from the CDN is very very unstable, at random time, from random locations, with random browser it give the same "HTTP2_PROTOCOL_ERROR" after 1 or 2 minute of load time.
Really doubt it's client side
Jeremy Schotte 26 Reputation points

2023-07-17T11:04:19.4666667+00:00

@GitaraniSharma-MSFT Did you also need our logs ? We still have the issue..
Thanks !
GitaraniSharma-MSFT 50,096 Reputation points Microsoft Employee Moderator

2023-07-18T14:14:18.02+00:00

Sure, @Jeremy Schotte . You can share the logs to the email mentioned in my previous comment.
Karens Grigorjancs 0 Reputation points

2023-07-18T16:09:13.67+00:00

Having the same issue. I am using nuxt here. Please keep us posted if somebody solves the error.
GitaraniSharma-MSFT 50,096 Reputation points Microsoft Employee Moderator

2023-07-27T13:06:35.0033333+00:00

<<<UPDATE>>>

@Jeremy Schotte shared the requested logs with me and we were able to fix the issue. Please refer the below Q&A thread for more details on this:

https://learn.microsoft.com/en-us/answers/questions/1338000/http2-protocol-error-with-azure-cdn

Regards, Gita

Answer 1

Deleted

This answer has been deleted due to a violation of our Code of Conduct. The answer was manually reported or identified through automated detection before action was taken. Please refer to our Code of Conduct for more information.

Comments have been turned off. Learn more

Share via

Getting ERR::HTTP2_PROTOCOL_ERROR on Azure CDN using React App

1 answer

Your answer