时间戳

首页 > 解决方案 > vuejs 不会在 /somepage/id 之类的路径中加载图像

vue.js - vuejs 不会在 /somepage/id 之类的路径中加载图像

问题描述

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

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

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

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

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

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

请给个建议。

标签： vue.js

解决方案

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

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

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

推荐阅读