Ancestor нарушает следующую безопасность контента для спойти - PullRequest
Новая
       6

Ancestor нарушает следующую безопасность контента для спойти

0 голосов
/ 22 декабря 2018

В основном я пытаюсь javascript, чтобы добавить спрайт iframes в мой HTML, но я продолжаю получать эту ошибку и получаю эту ошибку для каждой ссылки 

*Refused to display 'https://open.spotify.com/album/5yc5YwQjqcNvGiFsTM0aAT' in a frame because an ancestor violates the following Content Security Policy directive: "frame-ancestors 'none'".*

Затем я добавил 

<meta http-equiv="Content-Security-Policy" content="child-src https://open.spotify.com/">

в шапку но все равно не повезло 

    var SpotifyWebApi = require('spotify-web-api-node');
     function getSpotify(artist){
    var spotify = new SpotifyWebApi({
        clientId: 'xxxxxxxxxxx',
        clientSecret: 'xxxxxxxxxxxxxxx',
        redirectUri: 'http://www.example.com/callback'
    });
    spotify = new SpotifyWebApi({
    accessToken: 'xxxxxxxxxxxxxxxxxxxxxx'
    });
    const spotifyDiv = document.createElement("div")
    const result = document.getElementById("result");
    spotifyDiv.className="spotify";
    spotify.searchAlbums(`artist:${artist}`).then(
        (data)=> {
            console.log(data.body)
         data.body.albums.items.forEach((album) =>{
             const iframe = document.createElement("iframe");
             iframe.src=album.external_urls.spotify;
             iframe.height = 300;
             iframe.width =300;
             iframe.frameBorder =0;
             iframe.setAttribute("allowtransparency","true");
             iframe.setAttribute("allow","encrypted-media");
             spotifyDiv.appendChild(iframe)
             console.log(iframe)

          });


        }).catch((error)=>{
            console.log(error);

        })
    result.appendChild(spotifyDiv)

}
...