【发布时间】：2020-09-15 17:10:39
【问题描述】：
【问题讨论】：
【发布时间】：2020-09-15 17:10:39
【问题描述】：
您没有向我们显示包含 HTML 的文件的目录。我假设它在src/views 之下。
在路径中使用.. 告诉编译器向上查找目录树。
如果您的文件位于 src/views 中，则意味着 src/views/.. 的计算结果为 src/。然后，告诉它在src/assets 文件夹下查找，路径变为src/src/assets。
你看到双重src了吗？
您的相对路径应更改为../assets/img/notification-icon.png。
虽然使用相对路径可能很乏味。我会推荐绝对路径(assuming you use vue-cli)
【讨论】：
-
是的对不起，忘记添加代码在公共文件夹的 index.html 文件中。我假设我必须使用相对路径，因为它是一个 html 文件？
-
@Distance 我认为 webpack 会处理
public文件夹，因此您可以使用绝对路径，但您不应该在public目录中编写应用程序。我建议您阅读official Vue.js guide - 它会让您的生活更轻松。 -
我使用公共文件夹中的 index.html 来在所有页面上显示导航栏和页脚。那是错的吗？我应该为此使用 app.vue 吗？我仍然有改变的看法。
-
@Distance 是的 - 您应该为导航栏创建一个 SFC，为页脚创建另一个。然后将它们包含在您的 App.vue 中。 Vue 足够聪明，不会在 DOM 更改时重新渲染元素。我仍然建议阅读我链接到的指南。如果对您有帮助，也请考虑接受我的回答。