youtube-data-api с vue js и axios - PullRequest
Новая
       49

youtube-data-api с vue js и axios

0 голосов
/ 05 марта 2019

Я начинающий разработчик и только что выучил базовый javascript 4 месяца назад и пользуюсь за последние 4 дня.Я никогда не работал с Google API раньше.То, что я пытаюсь сделать, используя документацию vue, - это отображение плейлиста YouTube на основе музыкального жанра.Я продолжаю получать:

Доступ к XMLHttpRequest в 'data: text; charset = utf-8,' (перенаправленный из 'https://googleads.g.doubleclick.net/pagead/id') из источника' null 'был заблокирован политикой CORS: На запрошенном ресурсе отсутствует заголовок «Access-Control-Allow-Origin».

, за которым следует:

[Нарушение] Добавлен непассивный прослушиватель событий длясобытие «touchstart», блокирующее прокрутку. Считайте, что обработчик события помечен как «пассивный», чтобы сделать страницу более отзывчивой.

Служба поддержки Google попросила меня опубликовать в stackoverflow, чтобы помочь инженеру Google.это запрос на получение, который я использую, и я удалил playlistID и apikey из URL 

created(){
    this.getPlaylist();
  },
  methods: {
    getPlaylist: function ()  {
    axios.get('https://www.googleapis.com/youtube/v3/playlists?part=snippet&id=PLfY-m4YMsF-OM1zG80pMguej_Ufm8t0VC&key=AIzaSyCnGeoYhG3HXL6j8bIH-mwgwCHYyqdBW4s', function(response){
    this.playlist = response.items
    console.log(response)
  })
  .catch( function(error){
    console.log('Error: ', error)
  })}}
...