使用 Nuxt 显示我的图像时出现问题

问题描述 投票:0回答:1

我目前正在处理我的 Nuxt 项目的路由,我在嵌套某些文件夹以创建如下所示的路由时遇到了一些问题:“/PageAccueil/PricingPage/Checkout123”。

问题是,当我尝试将“PricingPage”文件夹放入“PageAccueil”文件夹,然后尝试将 Checkout123.vue 文件放入其中时,组件中的所有图像都不再出现。我的控制台收到 404 错误,它告诉我无法找到图像,即使路径是正确的。

然而,当我使用来自谷歌的图像时,我没有出现这个错误,因为 Nuxt 能够找到该图像。但我认为它无法在我的本地机器上找到图像。

有人知道是什么导致了这个问题吗?供您参考,我正在使用 Nuxt 3.

@Robolivier,你能试着回应一下吗?

javascript vue.js nuxt.js nuxt3 404-page
1个回答
0
投票

静态图片最好放在

/public
目录下,然后绝对从那里引用。或者,您可以使用
/assets
,然后使用
~/assets/...

进行引用

查看文档了解详情:https://nuxt.com/docs/getting-started/assets

© www.soinside.com 2019 - 2024. All rights reserved.