图像徽标未加载在刷新页上
图像徽标未加载在刷新页上
提问于 2021-07-16 05:06:09
我在App.vue中有一件奇怪的事情，例如，我有一个路由链接，假设它是，localhost/tools或者像这样的路由。图像标志将被显示。
请看一下这张照片
例如，当我们点击另一条路线时，它就会显示出来。但是问题是，当我在路径上刷新页面时，问题就会发生，比如，我们认为它是localhost/purchase/order，我会给出gif图像。
奇怪吗？然后，当我做一个检查元素时，它无法加载图像
如果你想看我的代码，这是我的App.vue，
<----- This is for my logo image ----->
<a href="" class="sidebar-toggle">
<img class="svg" :src="'./dashboard/img/svg/bars.svg'" alt="img">
</a>
<a class="navbar-brand" href="/tools">
<img class="svg dark" :src="'./dashboard/img/Logo_Dark.png'" alt="logo">
<img class="light" :src="'./dashboard/img/Logo_white.png'" alt="logo">
</a>
<----- This is for my dynamic user image ----->
<a href="javascript:;" class="nav-item-toggle">
<img v-bind:src="`./dashboard/img/author/profile/`+user.avatar" alt="User" class="rounded-circle"> {{user.name}}
</a>这是我的Resources/App.js
import App from './components/App.vue';
const router = new VueRouter({
mode: 'history',
routes: routes,
scrollBehavior(to, from, savedPosition) {
return {
x: 0,
y: 0
}
},
linkActiveClass: 'active'
});
new Vue(Vue.util.extend({
router,
vuetify,
render: function (h) {
return h(App)
}
})).$mount("#app");有人能帮我解决这个问题吗？之前谢谢你。:)
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-07-16 06:07:14
使用相对路径是一个错误。./dashboard/img/svg/bars.svg at localhost/purchase/order将尝试从localhost/purchase/order/dashboard/img/svg/bars.svg加载图像。这可以在网络选项卡中看到，但没有调试。
图像最初是加载的，因为它是在基本URL为localhost/时加载的，并且图像URL稍后不会更改。
如果图像位于根目录，则链接应该是/dashboard/img/svg/bars.svg。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68403698
复制相关文章
相似问题
腾讯云开发者
