我在 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 代码。
有人可以帮我解决这个问题吗?谢谢大家的关注。
答案 0 :(得分:0)
已解决 - 我只是忘记将 /img 放在我的源代码中,它是 img/imgname
,我只是更改为 /img/imgname