Data request failure in VSC

So i started looking in to API’s and encountered my first issue. I’m trying to write a weather app and i got my API key, i am subscribed to Open Weather Map on RapidAPI and testing it on their website works 100% fine but when i copy the code to VSC it logs me an error :

app.js:12 GET https://community-open-weather-map.p.rapidapi.com/weather?callback=test&id=2172797&units=%2522metric%2522%20or%20%2522imperial%2522&mode=xml%252C%20html&q=London%252Cuk 404 (Not Found)
(anonymous) @ app.js:12
app.js:20 Response {type: "cors", url: "https://community-open-weather-map.p.rapidapi.com/…mperial%2522&mode=xml%252C%20html&q=London%252Cuk", redirected: false, status: 404, ok: false, …}

Here’s some JS

document.addEventListener('DOMContentLoaded', () => {
    let long;
    let lat;

    if(navigator.geolocation){
        navigator.geolocation.getCurrentPosition(position => {
            long = position.coords.longitude;
            lat = position.coords.latitude;

        })
    }
    fetch("https://community-open-weather-map.p.rapidapi.com/weather?callback=test&id=2172797&units=%2522metric%2522%20or%20%2522imperial%2522&mode=xml%252C%20html&q=London%252Cuk", {
        "method": "GET",
        "headers": {
            "x-rapidapi-host": "community-open-weather-map.p.rapidapi.com",
            "x-rapidapi-key": "HereWasMyAPIKEY"
        }
    })
    .then(response => {
        console.log(response);
    })
    .catch(err => {
        console.log(err);
    });
})

Am i missing something ?