1Panel/frontend/src/components/error-message/error_code.vue

<template>
    <div>
        <body>
            <div>
                <el-row type="flex" justify="center">
                    <h1>{{ loadErrInfo() }}</h1>
                </el-row>
            </div>
            <hr />
            <div>
                <el-row type="flex" justify="center"><span>nginx</span></el-row>
            </div>
        </body>
    </div>
</template>

<script setup lang="ts">
const props = defineProps({
    code: String,
});
const loadErrInfo = () => {
    console.log(props.code);
    switch (props.code) {
        case '400':
            return '400 Bad Request';
        case '401':
            return '401 Unauthorized';
        case '403':
            return '403 Forbidden';
        case '404':
            return '404 Not Found';
        case '408':
            return '408 Request Timeout';
        case '416':
            return '416 Requested Not Satisfiable';
    }
};
</script>

<style scoped lang="scss">
.container {
    margin-left: 40%;
}
</style>