kkc-go/file/static/user_info.tmpl

<div class="router-bar-user-info-view" id="router-user-info">
    <div class="router-user-info-list">
        <div class="router-user-info-avatar list-item">
            <div class="title">我的头像</div>
            <div class="image">
                <img src=""/>
            </div>
        </div>
        <div class="router-user-info-email list-item">
            <div class="title">邮箱</div>
            <div class="value">18425@qq.com</div>
        </div>
        <!--TODO 移动端 未添加实名认证功能-->
        <div class="router-user-info-real list-item" style="display: none">
            <div class="title">实名认证</div>
            <div class="value">未认证 ></div>
        </div>
    </div>
    <div class="router-user-logout">退出登录</div>
</div>
<script>
    let logout = document.getElementsByClassName('router-user-logout')[0];
    logout.addEventListener('click', function(e){
        console.log('logout')
        localStorage.removeItem('token');
        let name = document.getElementsByClassName("user-info-show-name-text");
        let button = document.getElementsByClassName("user-info-show-name-button");
        name[0].innerHTML = '未登录';
        button[0].innerHTML = '请先登录';
        showOrNoneUserReturn(false)
    })
    function getUserInfo(){
        let url = "/api/user/info"
        fetch(url, {
            method: 'GET',
            headers: {
                "auth-sign": localStorage.getItem("token"),
                'Content-Type': 'application/json'
            }
        }).then(response => {
            if (!response.ok) {
                throw new Error('Network response was not ok ' + response.statusText);
            }
            return response.json();
        }).then(data => {
            if (data.code === 200) {


                console.log(data)
            } else {
                console.log(data.msg)
            }
        }).catch(error => {
            console.error('There has been a problem with your fetch operation:', error);
        });
    }
    // getUserInfo()
</script>