next.js - 重定向页面更改图像请求导致在 Next.Js 中找不到 404

问题描述

我在 next.Js 中有一个名为 customers 的页面和另一个页面 [id]，因此它会生成路由/customers和/customers/id.

我想在其中映射一个客户列表，/customers如果我单击该列表中的一个客户，我将被重定向到/customers/id客户的信息，这个逻辑工作得很好，问题是当我离开/customers/id页面时，出于某种原因它弄乱了我其他页面中的一些图像。

我有两个例子：

示例 1：当我尝试从客户/ID 返回客户页面时，它没有从该页面找到我的背景图片，但如果我刷新页面，它会使用背景图片正常呈现。

示例 2：我有一个函数来验证钩子中的 jwt 令牌，如果此令牌过期，它会重定向到登录页面，当它从customers/id页面重定向时，它不会找到背景和图标图像，但同样，如果我刷新它正常呈现的页面，试图理解这个问题我在chrome中打开控制台并意识到当我从customers/id它重定向时会更改图像的请求url，我所有的图像都位于public/img，所以在我的imgs标签中我只是放'/imagename.jpg' 在源代码中，我对该图像的所有请求都应该是“http://localhost:3000/img/imagename.jpg”，但是通过customers/id重定向该请求将转换为“http://localhost: 3000/customers/img/imagename.jpg”，因此我得到了 404 代码。

有人可以帮我解决这个问题吗？谢谢大家的关注。

标签： next.js

next.js - 重定向页面更改图像请求导致在 Next.Js 中找不到 404

问题描述

解决方案

推荐阅读