我的Next.js应用程序遇到了一个问题，我有一个跨多个页面使用的共享布局组件。在布局中，我在导航栏中有一个图像，它在主页上正确显示。但是，当导航到其他页面时，图像路径似乎受到当前路径名的影响，导致它中断。
下面是更详细的问题：
主页上的图像源：“assets/logo.svg”正确转换为“http：//localhost/assets/logo.svg”。当导航到“/posts”时，图像源变为“http：//localhost/posts/assets/logo.svg”而不是“http：//localhost/assets/logo.svg”，导致图像损坏。我希望图像源保持一致，不受当前路径的影响。图像位于公用文件夹中，其源应始终相对于公用文件夹的根。
我试图在没有帮助的情况下弄乱“next.js.js”文件