当访问不到网址页面时会出现404 的现象

最新推荐文章于 2024-06-01 15:46:07 发布

卡夫卡的baby

最新推荐文章于 2024-06-01 15:46:07 发布

阅读量125

点赞数

分类专栏： vue.js 文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_72303943/article/details/131045681

版权

vue.js 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

访问不到页面时会出现404 的现象

1、首先要建设一个H404.vue 的文件夹项目

2、rnaho8u要在路由里配置访问路由路径

import H404 from '../views/H404.vue'

总代码：

<template>
    <div>
        <div class="h404-con">
            <!-- 只要我们访问的文件不在 这个项目中  则自动会跳转到 404 页面 -->
            <h1 class="hello">404 页面没找到 ! ! ! !</h1>
        </div>
    </div>
</template>

<script>
export default {
    name: 'H404',

    data() {
        return {
           
        };
    },

    mounted() {
       
    },

    methods: {
       
    },
};
</script>

<style lang="scss" scoped>
.h404-con{
    background-color: #d2f5f1;
    width: 100%;
    height: 100vh;
}
.hello{
    font-size: 60px;
    text-align: center;
    color: mediumpurple;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    margin-top: -40px;
}
</style>

预览效果：