<template>
|
<div class="container-fluid">
|
<div class="text-center">
|
<div class="error mx-auto" data-text="404">404</div>
|
<p class="lead text-gray-800 mb-5">找不到你要访问的页面</p>
|
<p class="text-gray-500 mb-0">页面不存在</p>
|
<p><a href="/">返回首页</a></p>
|
<el-button @click="back" type="danger" round>返回上一页</el-button>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
|
}
|
},
|
created() {
|
const changeFavicon = (link) => {
|
let $favicon = document.querySelector('link[rel="icon"]');
|
if ($favicon !== null) {
|
$favicon.href = link;
|
} else {
|
$favicon = document.createElement("link");
|
$favicon.rel = "icon";
|
$favicon.href = link;
|
document.head.appendChild($favicon);
|
}
|
};
|
let icon = "../../static/img/logo.png"; // 图片地址
|
changeFavicon(icon); // 动态修改网站图标
|
let title = "访问出错"; // 网站标题
|
document.title = title; // 动态修改网站标题
|
},
|
methods: {
|
back() {
|
window.history.back();
|
}
|
}
|
}
|
</script>
|
|
<style scoped src="../../static/css/sb-admin-2.min.css"></style>
|
