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

时间:2021-03-24 20:28:13

标签: next.js

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

我想映射 /customers 中的客户列表,如果我点击该列表中的客户,我将使用客户信息重定向到 /customers/id,此逻辑运行良好,问题是当我离开 /customers/id 页面时,由于某种原因,它会与我其他页面中的某些图像混淆。

我有两个例子:

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

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

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

1 个答案:

答案 0 :(得分:0)

已解决 - 我只是忘记将 /img 放在我的源代码中,它是 img/imgname,我只是更改为 /img/imgname