Why api doesn't work?

Hi, @the3countrys, a 401 status response code means that you didn’t authenticate correctly.

Did you provide an authentication token for this request?

im gettint the following error from my site that uses an api:

app.js:26 Mixed Content: The page at ‘https://vibrant-wilson-731881.netlify.app/’ was loaded over HTTPS, but requested an insecure resource ‘http://api.openweathermap.org/data/2.5/weather?zip=18330&units=imperial&appid=ba1b55a1f42012c5a6a96317ed4392c6’. This request has been blocked; the content must be served over HTTPS.
getWeather @ app.js:26
performAction @ app.js:17
vibrant-wilson-731881.netlify.app/:1 Uncaught (in promise) TypeError: Failed to fetch

can someone help me out im new to this platform