JavaScript调用RawG API报未提供key参数及返回结果不符问题

1. key参数缺失报错问题修复 #

• 首先排查请求路径拼写错误：你Postman中使用的https://api.rawg.io/api/games/?key=地址里，games后多了不必要的末尾斜杠，RawG的服务端路由匹配对路径格式要求严格，多余的斜杠会导致后续query参数无法被正确解析，所以触发key未提供的报错。修正后请求地址应为https://api.rawg.io/api/games?key=<你的API Key>&search=crash，直接去掉games后的斜杠即可。
• 其次检查API Key格式：粘贴Key的时候不要保留<>占位符，也不要带多余的空格、换行符，直接填入RawG后台生成的纯字符串Key即可。

2. 仅返回1条结果的fetch代码修正 #

你当前的代码存在两个参数错误：

• RawG API没有count控制返回数量的参数，只需要设置page_size=1就可以实现单页仅返回1条结果
• 搜索关键词需要通过search参数传递，你末尾写的&/call of duty属于无效参数，不会被API识别
  修正后的代码如下：

fetch('https://api.rawg.io/api/games?key=75a9ffdcf4444e1896ead6e467b985e8&page_size=1&search=call of duty')
      .then(response => response.json())
      // 如果需要直接拿到单条结果，取results数组的第一项即可
      .then(data => console.log(data.results[0]));

内容的提问来源于stack exchange，提问作者MarkWriteCodes