当我构建应用程序时，图像不会以 vue-router 历史记录模式出现
Images do not appear with vue-router history mode when I build the app
我在故事模式下使用 vue-router。
当我 运行 npm run build 命令时，我得到了 dist 文件夹，并且我使用 XAMMP 在本地提供文件，我添加了网站为 apache 服务器建议的设置，但图片未加载，控制台会为我提供的每张图片显示 (404 Not Found)。
图片所在的路线：
dist / static / images / image.png
我不知道要更改什么才能看到图像。
我该如何解决？
在您的 dist/index.html 中编辑您的 css 和 js 文件的路径。删除第一个斜杠
您可以在 index.html 中添加基本标签，例如：
<base href="/" />
更好的解决方案：
您可以在 index.html 中添加基本标签，例如：
<base href="<%= BASE_URL %>" />
默认 BASE_URL 是 '/' 但您可以在 vue.config.js 中更改 baseUrl 或webpack.config 文件，如果需要的话。
我在故事模式下使用 vue-router。
当我 运行 npm run build 命令时，我得到了 dist 文件夹，并且我使用 XAMMP 在本地提供文件，我添加了网站为 apache 服务器建议的设置，但图片未加载，控制台会为我提供的每张图片显示 (404 Not Found)。
图片所在的路线：
dist / static / images / image.png
我不知道要更改什么才能看到图像。 我该如何解决？
在您的 dist/index.html 中编辑您的 css 和 js 文件的路径。删除第一个斜杠
您可以在 index.html 中添加基本标签，例如：
<base href="/" />
更好的解决方案： 您可以在 index.html 中添加基本标签，例如：
<base href="<%= BASE_URL %>" />
默认 BASE_URL 是 '/' 但您可以在 vue.config.js 中更改 baseUrl 或webpack.config 文件，如果需要的话。