vuejs 不会在 /somepage/id 之类的路径中加载图像答案

【问题标题】：vuejs doesn't load images in the path like /somepage/idvuejs 不会在 /somepage/id 之类的路径中加载图像
【发布时间】：2020-05-20 06:54:59
【问题描述】：

在我的应用程序中，我有几条路线，例如：

在登录页面上，我的图片加载良好 -

<img src="img/test.jpg">

我所有的图片都在 public/img 文件夹中。

在 Event/id 页面上我有未加载的图像 - 在 devtools 中，我得到了这张图片的奇怪网址：http://localhost:8080/event/img/event-img.jpg 但正确的路径应该是http://localhost:8080/img/event-img.jpg。

不知道为什么 vuejs 在路径中添加了 /event/ 字符串。但是对于登录页面，VueJs 不会这样做。

请给个建议。

【问题讨论】：

标签： vue.js

【解决方案1】：

要进一步详细说明我的评论，您只需使用根 URL，即以 / 字符开头。所以，你的src 属性应该这样更新：

<img src="/img/test.jpg" />

之所以可行，是因为当您构建 Vue CLI 应用程序时，公共文件夹中的所有内容都可以通过根 URL 访问。因此，需要一个相对于根而不是当前页面 URL 的 URL。

【讨论】：