I'm hosting my App in Vercel which uses https and fetching a data from an http site API. It says that I need to make it https for me to access the data. Since the site doesn't have SSL, it says This site can’t provide a secure connection if I access it via https. So I tried adding this to <Head> <meta httpEquiv="Content-Security-Policy" content="upgrade-insecure-requests" /> but now it says Failed to fetch on local and says ERR_SSL_PROTOCOL_ERROR on Vercel hosting. Any solution for this?
#HTTPS / HTTP SSL Error
fleet zodiac
frozen hull
If your site runs on http, you negate its effects when you request a http resource. See https://developer.mozilla.org/en-US/docs/Web/Security/Mixed_content
If the resource is not available via https (which would be weird in this day!), I'd probably create an API route to proxy the request. So inside the browser, everything would be https and the http request would be done by node on the backend.