Vue项目请求未携带Token:sessionStorage存储的Token为何失效? 或者: Vue前端请求丢失Token:如何确保每次请求都携带sessionStorage中的Token?
技术百科
心靈之曲
发布时间:2024-11-28
浏览: 次 vue 项目前端发送的请求未携带 token
在 vue 项目中,登录后获取的后端 token 已存储在 sessionstorage 中,但请求“获取所有用户列表”功能时却提示未登录。初步判断是前段未携带 token。
环境背景及尝试方法:
检查了存储 token 的代码,发现如下:
- 存储 token 的 js 代码:
if (store.getters.gettoken) {
config.headers['token'] = window.sessionstorage.getitem('token')
}- 请求拦截器:
service.interceptors.request.use(
config =youjiankuohaophpcn {
if (store.getters.gettoken) {
config.headers['token'] = window.sessionstorage.getitem('token')
}
return config
}
)后端 java 代码:
public class logininterceptor implements handlerinterceptor {
@override
public boolean prehandle(httpservletrequest request, httpservletresponse response, object handler) throws exception {
//从header中获取token
string token = request.getheader("token");
//如果token为空
if (stringutils.isblank(token)){
setreturn(response,401,"用户未登录,请先登录");
return false;
}
return true;
}分析:
似乎是请求头没有携带 token。检查前端代码发现,在请求拦截器中的判断是多余的,因为在 vuex 中已经有 gettoken 方法判断 token 的存在性。因此,建议直接修改前端代码为:
config.headers['token'] = window.sessionStorage.getItem('token')
# 后端
# 请先
# 为空
# oss
# 器中
# space
# JS
# Java
# Token
# vue
# 似乎是
# 用户列表
# 拦截器
# sessionstorage
# 时却
# vuex
# vue项目
相关栏目:
<?muma
$count = M('archives')->where(['typeid'=>$field['id']])->count();
?>
【
AI推广<?muma echo $count; ?>
】
<?muma
$count = M('archives')->where(['typeid'=>$field['id']])->count();
?>
【
SEO优化<?muma echo $count; ?>
】
<?muma
$count = M('archives')->where(['typeid'=>$field['id']])->count();
?>
【
技术百科<?muma echo $count; ?>
】
<?muma
$count = M('archives')->where(['typeid'=>$field['id']])->count();
?>
【
谷歌推广<?muma echo $count; ?>
】
<?muma
$count = M('archives')->where(['typeid'=>$field['id']])->count();
?>
【
百度推广<?muma echo $count; ?>
】
<?muma
$count = M('archives')->where(['typeid'=>$field['id']])->count();
?>
【
网络营销<?muma echo $count; ?>
】
<?muma
$count = M('archives')->where(['typeid'=>$field['id']])->count();
?>
【
案例网站<?muma echo $count; ?>
】
<?muma
$count = M('archives')->where(['typeid'=>$field['id']])->count();
?>
【
精选文章<?muma echo $count; ?>
】
相关推荐
- php8.4如何实现队列任务_php8.4redi
- 短链接还原php提示内存不足_调整PHP内存限制设
- 如何自定义Windows终端的默认配置文件?(Po
- php错误怎么开启_display_errors与
- php后缀怎么变mp4能播放_让php伪装mp4正
- MAC如何安装Git版本控制工具_MAC开发环境配
- php中::能访问全局变量吗_全局作用域与类作用域
- Windows10蓝屏代码DPC_WATCHDOG
- C++ STL算法库怎么用?C++常用算法函数(s
- Windows家庭版如何开启组策略(gpedit.
- php高频调试功能有哪些_php常用调试函数与工具
- Win11相机打不开提示错误怎么修_相机权限开启与
- Python包结构设计_大型项目组织解析【指导】
- 零基础学会Python自动化办公_高效处理Exce
- MAC怎么解压RAR格式文件_MAC第三方解压工具
- Win11怎么快速锁屏_Win11一键锁屏快捷键W
- Win11此电脑不在桌面上_Windows 11桌
- Golang如何避免指针逃逸_Golang逃逸分析
- 如何解决Windows字体显示模糊的问题?(Cle
- Python数据挖掘核心算法实践_聚类分类与特征工
- Windows10系统怎么查看IP地址_Win10
- Win11怎么清理C盘OneDrive缓存_Win
- 如何在Golang中引入测试模块_Golang测试
- 如何使用Golang实现文件加密_Golang c
- Win10电脑C盘红了怎么清理_Windows10
- Mac如何修复应用程序权限问题_Mac磁盘工具修复
- C++中的constexpr和const有什么区别
- Windows10怎样设置家长控制_Windows
- 如何使用Golang实现微服务状态监控_Golan
- Win11键盘快捷键大全_Windows 11常用
- Win11怎样安装微信开发者工具_Win11安装开
- Win11怎么关闭触摸屏_禁用Win11笔记本触摸
- Mac怎么设置鼠标滚动速度_Mac鼠标设置详细参数
- Win11怎么设置右键刷新选项_Windows11
- LINUX的SELinux是什么_详解LINUX强
- 如何在 Laravel 中通过嵌套关联关系进行 o
- Win10电脑怎么设置网络名称_Windows10
- 如何在Golang中使用内置函数_Golangle
- Python大文件处理策略_内存优化说明【指导】
- Go 中的 := 运算符:类型推导机制与使用边界详
- 如何从 Go 的 map[string]inter
- Windows 11怎么更改锁屏超时时间_Wind
- Win11任务栏怎么放到顶部_Win11修改任务栏
- Win11怎么查看显卡温度 Win11任务管理器查
- C++中的协变与逆变是什么?C++函数指针与返回类
- 微信JSAPI支付回调PHP怎么接收_处理JSAP
- Win11如何设置文件关联 Win11修改特定文件
- Win11怎么设置指纹解锁 Win11笔记本录入指
- Bpmn 2.0的XML文件怎么画流程图
- 如何在 ACF 中正确更新嵌套多层 Group 字

config.headers['token'] = window.sessionstorage.getitem('token')
}
QQ客服