如何修改此代码以使其能够删除和注销用户

Question

我目前正在使用web服务器和客户端，我希望我的网站有一个下拉菜单，允许用户查看他们的个人资料、注销他们的帐户或删除他们的帐户。我已经设置好了javascript，这样他们就可以查看自己的代码，但我不知道如何设置，这样它就可以删除他们的个人资料并将他们从网站中注销。以下是我访问他们的数据并在我的网站主页上显示的内容。问题是，他们的教程没有说明任何关于注销网站或完全清除用户数据的内容。

const displayAccountItem = document.querySelector("#displayAccountItem")
displayAccountItem.addEventListener("click", async(e) => {
e.preventDefault()
const token = localStorage.getItem("token")
//const url = "http://localhost:3001/users/me"
const url = 'https://<<your-API-server-domain>>/users/me'
const options = {
method: "GET",
headers: {
Authorization: `Bearer ${token}`,
},
}
let response = await fetch(url, options)
if (response.ok) {
if (response.status === 200) {
const data = await response.json()
const contentArea = document.querySelector("#contentArea")
contentArea.innerHTML = `Name: ${data.name} <br>Email: ${data.email}`
}
} else {
console.log("HTTP-Error: " + response.status)
}
})

Answer 1

如果响应返回的状态代码为4XX，您可以简单地清除本地存储并将用户重定向到登录页面或预期呈现的页面。

为了清除本地存储，您可以进行

localStorage.clear();

请记住，这将清除localStorage中的所有值。如果您只想删除令牌，请使用

localStorage.removeItem(keyname)

如果我错过了你的任何情况，请告诉我。