如何解决此请求已被阻止； 内容必须通过 HTTPS 提供

Question

how should I make this called to avoid blocking request?

const getLocation = async () => {

   const LOCATION_URL = 'http://ip-api.com/json/?fields=country,city,lat,lon,timezone';

   const response = await axios.get(LOCATION_URL);
   return response.data;
}

Answer 1

Website secured by ssl (https) can only access resources that are also secured with ssl

Checking the documentation reveals that:

256-bit SSL encryption is not available for this free API. Please see our pro service.

You have a few options now:

1. Buy premium
2. Use different API provider
3. Create a backend proxy that will fetch the data and send it to you