带有vue js和axios的youtube-data-api

Question

我是一名初学者开发人员，在4个月前刚刚学习了基本的javascript，并在过去4天里有所了解。我以前从未使用过Google API。我想通过使用Vue文档来做的是显示基于音乐流派的youtube播放列表。我不断得到：

  

通过'data：text; charset = utf-8'访问XMLHttpRequest（重定向）   来自“ https://googleads.g.doubleclick.net/pagead/id”）   “空”已被CORS政策阻止：否   请求中存在“ Access-Control-Allow-Origin”标头   资源。

其次：

  

[Violation]在滚动阻止中添加了非被动事件侦听器   “ touchstart”事件。考虑将事件处理程序标记为“被动”   使页面更具响应性。

Google支持人员告诉我在stackoverflow上发布信息，以寻求Google工程师的帮助。这是我正在使用的获取请求，我从网址中删除了playlistID和apikey

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)
  })}}