NextJS中的图像不允许在vercel上部署src中的模板文本。
NextJS中的图像不允许在vercel上部署src中的模板文本。
提问于 2022-01-07 09:54:39
我有一个用户下拉菜单，我想显示通过身份验证的客户端的图片。我使用nextAuth进行身份验证。我可以看到用户的图片和用户名称与useSession()的关系很好。
我在本地主机中显示用户的图片，没有问题。这里我是如何用图像标签来展示它的。
<li className="py-1 px-3 hover:underline leading-8 flex">
<Image
width={40}
height={40}
className="mr-3"
src={status === "authenticated" ? session.user.image : profile}
alt="img"
/>
<span className="ml-3">User</span>
</li>session.user.image把它转过来
https://lh3.googleusercontent.com/a-/AOh14GjUcorAI3kntYm5-R2g5r0gBl9VSNY8pL9Fs4Ar0g=s96-c
但是当我把它发送给vercel时，它会抛出错误，并且不像本地主机那样工作。在这里，错误
回答 1
Stack Overflow用户
回答已采纳
发布于 2022-01-08 05:17:57
首先检查是否有next.config.js中的图像域：
moduel.exports = {
images : {
domains : ['lh3.googleusercontent.com']
}
}然后使用问号(？)检查会话是否存在：
<Image
width={40}
height={40}
className="mr-3"
src={status === "authenticated" ? session?.user?.image : profile}
alt="img"
/>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/70619451
复制相关文章
相似问题
腾讯云开发者
