Request that does not give CORS error in PHP gives CORS error in Javascript

Example URL: https://instagram.fcgh39-1.fna.fbcdn.net/v/t51.2885-19/11325708_957431864315767_713722537_a.jpg?_nc_ht=instagram.fcgh39-1.fna.fbcdn.net&_nc_cat=107&_nc_ohc=JCVs3rovMeYQ7kNvgEYo4HG&edm=AOQ1c0wBAAAA&ccb=7-5&oh=00_AfB8OyDajHtp6bU_RJcf0hr5ZF3h9mvuJ2G2RMBR-RTlhg&oe=66411D90&_nc_sid=8b3546

curl_setopt_array($curl, [
        CURLOPT_URL => "SECRETig=$test1",
        CURLOPT_RETURNTRANSFER => true,
        CURLOPT_ENCODING => "",
        CURLOPT_MAXREDIRS => 10,
        CURLOPT_TIMEOUT => 30,
        CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
        CURLOPT_CUSTOMREQUEST => "GET",
        CURLOPT_HTTPHEADER => [
            "X-RapidAPI-Host: "SECRET",
            "X-RapidAPI-Key: "SECRET"
        ],
    ]);

    $response = curl_exec($curl);
    $err = curl_error($curl);

    curl_close($curl);
    $res=json_decode($response,1);
    $tobased=$res[0]['hd_profile_pic_url_info']['url'];
        
    if($res[0]['hd_profile_pic_url_info']['url'])
    {

            $newArr="data:image/png;base64,".base64_encode(file_get_contents($imageurl));
        echo $newArr;

The code above is PHP code and when used in this way, I can use the Instagram profile photo without CORS error.

But I need to do my work in Javascript, so I am sending a request in Javascript as follows:


let getProfileFhoto = (inputUsername) => {

let fetchURL = `SECRET?ig=${inputUsername}`
let fetchHeaders = {
  "X-RapidAPI-Host": "SECRET",
  "X-RapidAPI-Key": "SECRET"
}

return fetch(fetchURL, {headers: fetchHeaders}).then(response => response.json()).then(data => data[0]["hd_profile_pic_url_info"]["url"]).catch(error => 0)

}

if(usernameProfileFhotoURL.startsWith("http")){
      usernameProfileFhoto.src = usernameProfileFhotoURL
}else{
      usernameProfileFhoto.src = "images/logoig.png"
}

But when I add it to img in javascript, net::ERR_BLOCKED_BY_RESPONSE.NotSameOrigin 200 (OK) I am getting an error