如何解决将标头发送到由Link NextJS处理的API
我有创建图像的API,并且可以通过链接轻松访问它:(按链接后,浏览器会弹出弹出窗口以下载图像)
<Link href={`/api/image/${id}`}>
<a>Press to download</a>
</Link>
但是我添加了用于授权的令牌,我需要将其发送到此API。我尝试通过在标记中定义常量来获取请求
const handleClick = async (event) => {
await fetch(`/api/image/${id}`,{
method:'GET',headers: {
'token' : token
}
})
}
<Link href={`/api/image/${id}`}>
<a onClick={handleClick}>Press to download</a>
</Link>
但是它给了我这个错误:(渲染后我注意到,我可以下载图像一次)
Uncaught (in promise) TypeError: NetworkError when attempting to fetch resource.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。