course_resource/src/components/header/headerRight.vue

<template>
    <div class="header_right">
        <div>
            <img src="" alt="">
            <router-link  to="/admin"><span>管理后台</span></router-link>
        </div>
        <div>
            <img src="" alt="">
            <span @click="linkLogin()">用户名称</span>
        </div>

    </div>
</template>

<script setup>
import { ref } from "vue"

const linkLogin = ()=>{
    console.log('11111')
    window.location.href = `http://szedutest.changyan.cn/thirdauth/oauth2/authorize?service=initService&scope=all&response_type=code&app_id=94c720f0634b4bad890dc9223de01166&redirect_uri=https://cloud.cocorobo.cn/testapi`
}
</script>
<style scoped lang="scss">
.header_right {
    display: flex;

    div {
        img {

            vertical-align: middle;
        }

        span {
            padding: 10px;
            line-height: 60px;

        }
    }
}
</style>