私のコードのアナウンスのようなコンテンツにアクセスするにはトークンが必要です。しかし、私はloginUser()から生成されたトークンをコピーし、フェッチの下でgetAnnouncement()の中にペーストします。私はAuthorization: 'Bearer esuigiugeguigiguigi'と書いています< ---これがトークンです。この問題は、期限が切れるたびにトークンをコピーして貼り付ける必要があることです。トークンをApiから動的にコンテンツにアクセスするには
function loginUser(){
fetch('http://sample_website.com/api/auth/login', {
method: 'POST',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify({
email: document.getElementById("email").value,
password: document.getElementById("password").value
})
})
.then(data => data.json())
.then(data => {
if(data.response){
redirect: window.location.replace("../Sample/Home.html")
} else{
alert("Invalid Email or Password");
}
})
.catch((err) => {
console.error(err);
})
}
function getAnnouncement(){
fetch('http://sample_website.com/api/announcements', {
method: 'GET',
headers: {'Content-Type': 'application/json',
Authorization : 'Bearer esuigiugeguigiguigi'},
})
.then(data => data.json())
.then(data => { console.log(data)
const output = document.getElementById("display");
output.innerHTML = `<ul>
<li><h2>${data.data.data[0].title}</h2></li>
<li>${data.data.data[0].body}</li>
<li>Created: ${data.data.data[0].created_at}</li>
</ul>`;
})
.catch((err) => {
console.error(err);
})
}