跳转登录失败问题token失效，先保存token、再用token

最新推荐文章于 2023-05-13 15:13:44 发布

美丽先生

最新推荐文章于 2023-05-13 15:13:44 发布

阅读量2.2k

点赞数

分类专栏： xt 困难与解决文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/qq_43780814/article/details/121310713

版权

困难与解决同时被 2 个专栏收录

77 篇文章

订阅专栏

43 篇文章

订阅专栏

本文讲述了用户登录状态过期后的token刷新流程，涉及`setToken`和`getToken`函数，以及使用axios发送POST请求重置token。重点在于处理登录验证问题及如何在前后端交互中保持用户会话状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

你已被登出，可以取消继续留在该页面，或者重新登录

跳转物联登录失败：不能获取token（登录已过期，请重新登录）。sessionStorage保存token。在获取

//store > user.js
	const user = {
		 state: {
		   token: getToken() || sessionStorage.getItem('hhy-session'),
		   userinfo: '',
		   authorityInfo: {},
		   business: '',
		   currentBusiness: {},
		   projects: [],
		   businesses: [],
		   currentProject: '',
		 }
		 
		   SET_TOKEN: (state, token) => {
		     state.token = token
		     sessionStorage.setItem('hhy-session', token)
		   },

//auth.js
import Cookies from 'js-cookie'

const TokenKey = 'hhy-Token'
export function getToken() {
  return Cookies.get(TokenKey)
}
export function setToken(token) {
  return Cookies.set(TokenKey, token)
}
export function removeToken() {
  return Cookies.remove(TokenKey)
}

axios请求

import axios from 'axios'`

  //axios请求
axios({
  url: 'https://dcp.aaa.com/serv/user/login/in',
  // url: 'http://zhonghuan_pc.t/serv/user/Login/in',
  method: 'post',
  data: {
    username: "username",
    password: "password"
  }
}).then(res => {
  const token = res.data.result.access_token
  window.open('http://dcp.aaa.com/#/aa/aa?token=' + token)
})

request请求

 //request请求
// sgsd免登录
export function sgsdLogin(username, password) {
  return request({
    url: 'http://aaa.com/serv/user/Login/in',
    method: 'post',
    data: {
      username,
      password
    }
  })
}