构建应用程序时，图像不会出现在vue-router历史记录模式中

Question

我在故事模式中使用vue-router。 当我运行npm run build命令时，我得到dist文件夹，我正在使用XAMMP来提供本地文件，我添加了网站为apache服务器建议的设置，但图像如果没有加载，控制台会为我正在投放的每张图片显示(404 Not Found)。

图像所在的路线： dist / static / images / image.png

我不知道要改变什么，以便可以看到图像。 我该如何解决这个问题？

Answer 1

您可以在index.html中添加基本标签，例如：

<base href="/" />

Answer 2

在dist/index.html编辑css和js文件的路径。删除第一个斜杠

Answer 3

更好的解决方案： 您可以在index.html中添加基本标记，例如：

<base href="<%= BASE_URL %>" />

默认的 BASE_URL 为'/'，但您可以根据需要在vue.config.js或webpack.config文件中更改 baseUrl 。