设备

时间:2018-01-19 12:48:59

标签: javascript angular cordova ionic-framework

我有一个使用Youtube Data API的Ionic 3应用程序。我有GET请求从channeI ID返回播放列表。它在浏览器中运行良好但我从已编译的应用程序和Android设备中获得404

getVideos(channel) {
   return this.http.get(`https://www.googleapis.com/youtube/v3/playlists?key=${this.apiKey}&channelId=${channel}&part=snippet,id&maxResults=20`)
              .map(res => {
                return res.json()['items'];
              })
  }

我也在我的config.xml中设置了API密钥。

 <access origin="*" />
    <allow-intent href="http://*/*" />
    <allow-intent href="https://*/*" />
    <allow-intent href="tel:*" />
    <allow-intent href="sms:*" />
    <allow-intent href="mailto:*" />
    <allow-intent href="geo:*" />
    <preference name="ScrollEnabled" value="false" />
    <preference name="YouTubeDataApiKey" value="XXXXXXXXXXX MY KEY XXXXXXXX" />

知道如何解决这个问题吗?

1 个答案:

答案 0 :(得分:0)

传递给网址的params存在问题。

像这样构建字符串以添加参数值:

'https://www.googleapis.com/youtube/v3/playlists?key=' + ${this.apiKey} + '&channelId=' + ${channel} + '&part=snippet,id&maxResults=20'