vue2中怎么刷新不导致token丢失

对于这个问题，我可以给出如下回答：

在 Vue2 中，通常使用 axios 或者其他 HTTP 库来发送请求。如果在刷新页面时 token 丢失，可能是因为没有正确地使用 axios 来管理 token。

通常，我们可以在 axios 实例中设置一个拦截器，用于在发送请求时将 token 添加到 headers 中，以及在响应时对 token 进行更新。这样就可以避免在刷新页面时 token 丢失的问题。

具体的代码实现可以参考以下示例：

// 创建 axios 实例
const api = axios.create({
  baseURL: 'https://api.example.com',
  timeout: 1000,
  headers: {
    'Authorization': `Bearer ${localStorage.getItem('token')}`
  }
})

// 添加请求拦截器
api.interceptors.request.use(function (config) {
  // 在发送请求之前添加 token
  config.headers['Authorization'] = `Bearer ${localStorage.getItem('token')}`
  return config
}, function (error) {
  return Promise.reject(error)
})

// 添加响应拦截器
api.interceptors.response.use(function (response) {
  // 在响应时更新 token
  const newToken = response.headers['new-token']
  if (newToken) {
    localStorage.setItem('token', newToken)
  }
  return response
}, function (error) {
  return Promise.reject(error)
})

在这个示例中，我们创建了一个名为 api 的 axios 实例，并设置了 baseURL 和 headers 选项。然后我们添加了一个请求拦截器和一个响应拦截器。在请求拦截器中，我们将 localStorage 中的 token 添加到 headers 中；在响应拦截器中，我们检查响应的 headers 中是否包含新的 token，如果有则更新 localStorage 中的 token。

通过这样的设置，我们就可以在发送请求时自动添加 token，并在响应时自动更新 token，从而避免了在刷新页面时 token 丢失的问题。