如何解决构建时 Gatsby API 请求
我有一个 gatsby 项目,我需要在其中发出 API 请求来获取汽车列表,我将使用该列表为每辆车动态创建页面。 API 响应数据如下:
{
"Fleet_Data": [
{
"Make": "Honda","Model": "Pilot"
},{
"Make": "Honda","Model": "CRV"
},"Model": "Accord"
}
]
}
我正在使用 gatsby-source-custom-api 插件。这是我的 gatsby-config.js
文件:
{
resolve: "gatsby-source-custom-api",options: {
url: "https://api.fleetdata.com/",headers: {
Authorization: 'Basic API_KEY'
},rootKey: "Fleet_Data",schemas: {
Fleet_Data: `
Make: String
Model: String
`
}
}
}
除了调试之外,我的节点文件中没有任何内容,但这是我的 gatsby-node.js
const path = require("path");
exports.createPages = async ({ graphql }) => {
console.log("IT WORKED")
};
但是当我运行 gatsby build
时,我在控制台中收到以下错误:
"gatsby-source-custom-api" threw an error while running the sourceNodes lifecycle:
invalid json response body at https://api.fleetdata.com/ reason: Unexpected token : in JSON at position 4
23 |
24 | const URL = getUrl(process.env.NODE_ENV,url)
> 25 | const data = await fetch(URL).then(res => res.json())
| ^
26 |
27 | const typeDefs = getTypeDefs(schemas,imageKeys)
28 | createTypes(typeDefs)
File: node_modules/gatsby-source-custom-api/gatsby-node.js:25:16
FetchError: invalid json response body at https://api.fleetdata.com/ reason: Unexpected token : in JSON at position 4
- index.js:272
[ProjectCars]/[node-fetch]/lib/index.js:272:32
- task_queues.js:95 processTicksAndRejections
internal/process/task_queues.js:95:5
- gatsby-node.js:25 Object.exports.sourceNodes
[ProjectCars]/[gatsby-source-custom-api]/gatsby-node.js:25:16
- api-runner-node.js:429 runAPI
[ProjectCars]/[gatsby]/src/utils/api-runner-node.js:429:16
not finished source and transform nodes - 3.913s
我在这里做错了什么?
解决方法
此问题通常由 undefined
API 响应引起,通常由服务器停机、错误配置等引起。
在您的情况下,我已经使用 Postman 对其进行了测试,但它抛出了一个错误:https://api.fleetdata.com/ 没有响应,因此因为您没有将它包装在 try/catch
中或捕获异常,所以它失败了,因为插件无法获取数据。
或者,由于您将实现委托给第三方插件,我认为没有办法在不进行 PR 或调整/自定义插件的情况下解决此问题。您的实现非常“基本”或标准,因此要修复它,您可能需要打开一个指向作者存储库的线程。
,这是通过在 gatsby-node.js
文件中调用简单的 fetch api 而不是使用插件解决的。尽管 gatsby-source-custom-api
插件具有名称和文档,但它似乎并不打算用于这种特殊情况。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。