我试图从Strapi获取图像到我的NextJS应用程序，但无论我试图做什么，我总是得到错误“url”参数有效，但上游响应无效控制台显示：加载资源失败：服务器以状态400（错误请求）响应我已经更新了“下一个”到最新版本：
下面是我的图像代码片段：
我还可以尝试什么来不再收到错误？
sd2nnvve1#
我认为你没有将源代码添加到你的图像域中，也许你应该在这里阅读更多关于图像文档的信息https://nextjs.org/docs/api-reference/next/image为了消除这个错误，在你的项目的根目录下创建一个'next.config.js'文件，将除本地主机以外的所有映像的域添加到域数组中，如下所示：
module.exports = { reactStrictMode: true, images: { domains: [ "platform-lookaside.fbsbx.com", //facebook "firebasestorage.googleapis.com", //firebase-storage "scontent-atl3-2.xx.fbcdn.net", //facebook "pbs.twimg.com", //twitter ], }, };
因此，在您的情况下，因为您从外部源获取，所以不要包含'localhost'
5tmbdcev2#
我遇到这个问题是因为我在为它生成一个类型脚本类型时，将从API接收到的响应对象的属性名称从默认的case（snake_case）更改为camelCase。
ut6juiuv3#
在大多数情况下，这是服务器本身的错误，您的图像托管。检查新选项卡中的URL，看看它是否正确加载。
3条答案
按热度按时间sd2nnvve1#
我认为你没有将源代码添加到你的图像域中，也许你应该在这里阅读更多关于图像文档的信息https://nextjs.org/docs/api-reference/next/image
为了消除这个错误，在你的项目的根目录下创建一个'next.config.js'文件，将除本地主机以外的所有映像的域添加到域数组中，如下所示：
因此，在您的情况下，因为您从外部源获取，所以不要包含'localhost'
5tmbdcev2#
我遇到这个问题是因为我在为它生成一个类型脚本类型时，将从API接收到的响应对象的属性名称从默认的case（snake_case）更改为camelCase。
ut6juiuv3#
在大多数情况下，这是服务器本身的错误，您的图像托管。检查新选项卡中的URL，看看它是否正确加载。