We work with a mobile network operator (MNO), they want to add HTTP headers enrichment (HE) feature to the platform.
The MNO is able to inject the user mobile number in the HTTP header and by doing so, the user will no longer be required to login to the platform, we can authenticate him automatically as long as he's using the mobile network of the MNO. The mobile number is encrypted of course.
The MNO has many clients using HE, they use HTTPS, but they can do something like creating a separate landing page, the user lands on it using HTTP, then they grab the HTTP headers from there and forward him to the HTTPS page. tricks like that. obviously, HTTPS is encrypted, so this works over HTTP only. The whole process must be done from the client-side.
The thing is we have a ReactJS PWA, unlike a normal website, if you do any HTTP request, it will give the mixed content error, so even if we create an HTTP landing page, we can't forward the response to the PWA. Is there any solution to that problem?