const btnLoginPage = document.querySelector('.btn-login'); const btnUserProfile = document.querySelector('.btn-userProfile'); const btnLogout = document.querySelector('.btn-logout'); function getCookie(name) { const value = `; ${document.cookie}`; const parts = value.split(`; ${name}=`); if (parts.length === 2) return parts.pop().split(';').shift(); } function renderView() { let token = getCookie('jwt_token'); if(!token) { return; } // axios.defaults.withCredentials = false; axios({ method: 'post', url: 'http://www.choozmo.com:8887/user_profile', headers: { 'accept': 'text/html', 'Authorization': `Bearer ${token}` } }).then(res => { console.log(res.data); const userInfo = res.data; const str = `

User Profile

${userInfo.user_info.userName}

${userInfo.user_info.email}

已使用

${userInfo.user_info.total_sec}

未使用

${userInfo.user_info.left_sec}

`; $('.card-profile').html(str); }).catch(err => { console.log(err); }) } renderView(); function checkLogin() { let token = getCookie('jwt_token'); if(token) { btnLoginPage.style.display = 'none'; btnLogout.style.display = 'block'; btnUserProfile.style.display = 'block'; } else { window.location.href = 'login.html'; btnLoginPage.style.display = 'block'; btnLogout.style.display = 'none'; btnUserProfile.style.display = 'none'; } } checkLogin();