f12 LocalStorage如何删token

要删除LocalStorage中的token，可以使用以下代码：

localStorage.removeItem('token');

这将从LocalStorage中删除名为'token'的项。
#### 引用[.reference_title]
- *1* *2* *3* [localstorage 本地存储及token设置，vuex刷新数据丢失](https://blog.csdn.net/HockJerry/article/details/115400754)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]

相关问题

使用window.open向打开页面的localStorage传递token

由于安全性考虑，localStorage只在同一域名下的页面之间共享，所以需要在打开的新页面中通过JavaScript代码获取父页面的localStorage，并从中获取token。

以下是示例代码：

在父页面中，使用window.open打开新页面，并将token存储在localStorage中：

var token = "my_token";
var newWindow = window.open("new_page.html");
newWindow.localStorage.setItem("token", token);

在新页面中，可以通过以下代码获取父页面的localStorage，并从中获取token：

var token = window.opener.localStorage.getItem("token");
console.log(token);

需要注意的是，如果在新页面中反复使用localStorage获取token，可能会导致性能问题。为了避免这种情况，可以将token存储在全局变量或者通过URL参数传递。

vue中"localstorage 存储 token", 并且设置请求拦截器，每次请求携带此 token

好的，这里是一个在Vue中实现"localstorage 存储 token"和设置请求拦截器的示例代码：

1. 在登录成功后将token存储到localStorage中：

// 登录成功后将token存储到localStorage中
localStorage.setItem('token', token);

2. 在请求拦截器中获取localStorage中的token，并将其添加到请求头中：

import axios from 'axios';

// 请求拦截器
axios.interceptors.request.use(
  config => {
    // 从localStorage中获取token
    const token = localStorage.getItem('token');
    // 如果token存在，则将其添加到请求头中
    if (token) {
      config.headers.Authorization = `Bearer ${token}`;
    }
    return config;
  },
  error => {
    return Promise.reject(error);
  }
);

在这个示例中，我们使用axios库来发送HTTP请求，并通过请求拦截器来设置每个请求的请求头，以便携带localStorage中存储的token。需要注意的是，这里的token是作为Bearer token的形式添加到请求头中的，这是一种常见的认证方式。