Typescript 如何获取新闻API并在Vuetify.js卡组件中显示数据？

我想创建一个新闻网站，使用NewsAPI获取新闻信息，所以我从中获得了一个NewsAPI密钥，但我的代码不能很好地工作

错误消息说：

TypeError:response.data.map不是一个函数

我的

map

方法似乎不起作用，但我没有任何想法来解决此类问题

我的代码在下面↓

mdi窗口最小化
mdi窗口最大化
mdi关闭
发现你的新闻
mdi-mgnify
心脏
mdi书签
mdi共享变量
从“nuxt属性装饰器”导入{Component，Vue}；
从“axios”导入axios；
@组件（{}）
导出默认类扩展Vue{
卡片：[]=[]
异步创建（）{
const response=等待axios.get（'https://newsapi.org/v2/everything?+“我的API密钥”）；
this.cards=response.data.map（（注释：any）=>({
标题：comment.articles.title，
作者：comment.articles.author，
urlToImage:comment.articles.urlToImage，
弹性：6
}));}
异步发送（）{}
}

新闻API响应（即，

response.data

）如下所示：

{
“状态”：“确定”，
“总体结果”：4239，
“条款”：[
{
“来源”：{
“id”：空，
“名称”：“Boing Boing”
},
“作者”：“Boing Boing's Shop”，
“标题”：“您应该获得VPN或SmartDNS服务吗？无论哪种方式，KeepSolid都会为您提供服务。”，
“描述”：“多年来，你一直听到稳定的鼓声。你需要有一个VPN来保护你自己的在线。这已经渗透到我们所有人身上十多年了。但是在VPN之后，KeepSolid，世界上最受尊敬的VPN提供商之一，跳进了ma…”，
“url”：”https://boingboing.net/2020/08/23/should-you-get-a-vpn-or-smartd.html",
“urlToImage”：https://i2.wp.com/media.boingboing.net/wp-content/uploads/2020/08/sale_32867_article_image.jpg?fit=1200%2C800&ssl=1",
“发布日期”：“2020-08-24T02:00:00Z”，
“内容”：“多年来，你一直在听到稳定的鼓声。你需要一个VPN来保护你自己的在线。它已经渗透到我们所有人身上十多年了。\r\n但在VPN之后，KeepSolid，一个……[+4167字符]”
},
{
“来源”：{
“id”：空，
“名称”：“值得关注的新闻”
},
“作者”：“艺术雷蒙德”，
“标题”：“骗子带着近500万美元在勒索攻击-沙漠新闻”，“
“描述”：“盐湖城-犹他大学被网络罪犯刺痛了近500000美元的赎金，在七月的袭击后，该州的旗舰机构选择牺牲私人学生和雇员数据，或支付和希望Ito……”
“url”：”https://www.deseret.com/utah/2020/8/21/21396174/cyber-swindlers-take-university-of-utah-for-nearly-500k-in-ransomware-attack",
“urlToImage”：https://cdn.vox-cdn.com/thumbor/kzJ07E_qBo3TGMYfL7jhxf16VU8=/0x136:2400x1393/fit-在/1200x630/cdn.vox cdn.com/uploads/chorus_asset/file/20790900/University_of_uth_DNSTOCK_KM_2018.jpg中，
“发布日期”：“2020-08-24T01:43:00Z”，
“内容”：“盐湖城犹他大学被网络罪犯刺痛了近500000美元的赎金，在七月的攻击后，给了国家旗舰机构选择牺牲私人STU…[ + 4553字符]。
}
]
}

并且仅适用于数组。您的代码应该在

response.data.articles

数组中使用该函数：

this.cards=response.data.articles.map（article=>({
标题：文章，标题，
作者：article.author，
urlToImage:article.urlToImage，
弹性：6，
}))