Expected behavior
The hosted website should process the URL just like it does on the localhost.
Screenshots
Desktop:
OS: MacOS
Browser: Brave
Version: Catalina 10.15.7
Log:
Mixed Content: The page at '<URL>' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint '<URL>'. This request has been blocked; the content must be served over HTTPS.
xhr.js:177 Mixed Content: The page at 'https://summit-mlh.vercel.app/' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://mlh-summarizer.herokuapp.com/'. This request has been blocked; the content must be served over HTTPS.
(anonymous) @ xhr.js:177
xhr.js:177 Mixed Content: The page at 'https://summit-mlh.vercel.app/' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://mlh-summarizer.herokuapp.com/'. This request has been blocked; the content must be served over HTTPS.
(anonymous) @ xhr.js:177
xhr.js:177 Mixed Content: The page at 'https://summit-mlh.vercel.app/' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://mlh-summarizer.herokuapp.com/'. This request has been blocked; the content must be served over HTTPS.
(anonymous) @ xhr.js:177
xhr.js:177 Mixed Content: The page at 'https://summit-mlh.vercel.app/' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://mlh-summarizer.herokuapp.com/'. This request has been blocked; the content must be served over HTTPS.
(anonymous) @ xhr.js:177
xhr.js:177 Mixed Content: The page at 'https://summit-mlh.vercel.app/' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://mlh-summarizer.herokuapp.com/'. This request has been blocked; the content must be served over HTTPS.
(anonymous) @ xhr.js:177
xhr.js:177 Mixed Content: The page at 'https://summit-mlh.vercel.app/' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://mlh-summarizer.herokuapp.com/'. This request has been blocked; the content must be served over HTTPS.
(anonymous) @ xhr.js:177
e.exports @ xhr.js:13
e.exports @ dispatchRequest.js:50
Promise.then (async)
s.request @ Axios.js:61
r.forEach.s.<computed> @ Axios.js:87
(anonymous) @ bind.js:9
(anonymous) @ summarizer.js:42
Promise.then (async)
onSubmit @ summarizer.js:27
Ve @ react-dom.production.min.js:52
Qe @ react-dom.production.min.js:52
(anonymous) @ react-dom.production.min.js:53
Er @ react-dom.production.min.js:100
Or @ react-dom.production.min.js:101
(anonymous) @ react-dom.production.min.js:113
Ye @ react-dom.production.min.js:292
(anonymous) @ react-dom.production.min.js:50
Dr @ react-dom.production.min.js:105
Jt @ react-dom.production.min.js:75
Xt @ react-dom.production.min.js:74
t.unstable_runWithPriority @ scheduler.production.min.js:18
Va @ react-dom.production.min.js:122
Re @ react-dom.production.min.js:292
Zt @ react-dom.production.min.js:73
xhr.js:177 Mixed Content: The page at 'https://summit-mlh.vercel.app/' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://mlh-summarizer.herokuapp.com/'. This request has been blocked; the content must be served over HTTPS.
Describe the bug The hosted website doesn't process the entered URL because of a network error. However, it does work on the localhost.
To Reproduce Steps to reproduce the behavior:
Expected behavior The hosted website should process the URL just like it does on the localhost.
Screenshots
Desktop:
Log: