vue.js - 当我构建应用程序时,图像不会以 vue-router 历史记录模式出现

标签 vue.js vuejs2 vue-router

我在故事模式下使用 vue-router。 当我运行 npm run build 命令时,我得到了 dist 文件夹,我正在使用 XAMMP 在本地提供文件,我添加了网站建议的设置对于 apache 服务器,但图像未加载,控制台为我提供的每个图像显示 (404 Not Found)

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

我不知道要更改什么才能看到图像。 我该如何解决这个问题?

最佳答案

您可以在 index.html 中添加 base 标签,例如:

<base href="/" />

关于vue.js - 当我构建应用程序时,图像不会以 vue-router 历史记录模式出现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43192491/

相关文章:

angular - 如何判断何时创建新组件?

javascript - 在 Vuejs 上使用 Javascript 启用选项卡

vue.js - VueJS2 - 绑定(bind)部分类名

javascript - 在 Vue.js/Vue-select 的选项属性中检索数据变量

properties - Vue组件设置child的数据值

browser - Vue-router,如何防止用户在浏览器中按下后退按钮返回登录屏幕?

javascript - [Vuejs ]不允许导航到当前位置 ("/...")

vue.js - 在 VueJS 2.x 中使用 "script setup"

javascript - Vuex 提交 : JSON circular structure error

javascript - Vue Router 从子节点链接子节点