Vue.js 生成应用程序时，图像不会在vue路由器历史记录模式下显示

我正在故事模式下使用vue路由器。 当我运行

npm run build

命令时，我得到dist文件夹，并且我使用

XAMMP

在本地提供文件，我添加了站点为apache服务器建议的设置，但是没有加载图像，对于我提供的每个图像，控制台都会显示

（404未找到）

图像所在的路线：

dist/static/images/image.png

我不知道要改变什么才能看到这些图像。

---

如何解决这个问题？

在

dist/index.html

中编辑css和js文件的路径。删除

dist/index.html

编辑css和js文件路径中的第一个斜杠。删除第一个斜杠

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

<base href="/" />

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

---

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

<base href="/" />

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

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

<base href="/" />

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

默认的基本URL是

'/'

，但如果需要，您可以在

vue.config.js

或

webpack.config

文件中更改baseUrl。

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

<base href="/" />

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

---

默认的基本URL是

'/'

，但如果需要，您可以在

vue.config.js

或

webpack.config

文件中更改baseUrl。

这听起来像是服务静态文件的方式问题，而不是vue js。这听起来像是服务静态文件的方式问题，不是vue js。感谢您提供这段代码片段，它可能会提供一些有限的短期帮助。通过说明为什么这是一个很好的解决问题的方法，并向未来有其他类似问题的读者解释它的长期价值。请编辑您的答案以添加一些解释，包括您为这段代码片段所做的假设，这可能会提供一些有限的短期帮助。通过说明为什么这是一个很好的解决问题的方法，并向未来有其他类似问题的读者解释它的长期价值。请编辑您的答案，添加一些解释，包括您所做的假设