软件教程 2025年08月6日
0 收藏 0 点赞 293 浏览 1419 个字
摘要 :

当我在使用axios发送跨域请求时,发现请求的响应头中虽然设置的Authorization但是还是获取不到,axios请代码如下: export async function login(user){ var respon……

当我在使用axios发送跨域请求时,发现请求的响应头中虽然设置的Authorization但是还是获取不到,axios请代码如下:

export async function login(user){
    var response = await axios.post(server_url+"/api-user/login",user);
    return response;
}

调用如下:

login(this.ruleForm).then(res=>{
    console.log(res);
    console.log("token="+res.headers.authorization)
})

后台代码如下:

@RestController
@RequestMapping("/api-user")
@CrossOrigin(origins = {"http://localhost:8081"},allowCredentials="true")
public class AdUserController {
    private Logger logger = LoggerFactory.getLogger(AdUserController.class);
    @Autowired
    private AdUserService adUserService;
    @Autowired
    private JwtUtil jwtUtil;

    //    列出所有后台用户
    @GetMapping("listAllUsers")
    public ResponseResult listAllUsers(){
        logger.info("listAllUsers-----------");
        List<AdUser> users = adUserService.listAllUsers();
        return ResponseResult.ok(users);
    }

    //    登录
    @PostMapping("login")
    @PassLogin
    public ResponseResult login(@RequestBody AdUser user,HttpServletResponse response){
        logger.info("login--------"+user.getUsername()+","+user.getPassword());
        AdUser adUser = adUserService.login(user);
        if(adUser == null){
            logger.error("登录失败");
            return ResponseResult.forbidden().setMsg("用户名或密码错误");
        }
        //签发token
        String token = jwtUtil.createToken(adUser.getUserId().toString());
        logger.info("签发的token:"+token);
        //token存入响应头
        response.setHeader("Authorization","Bearer "+token);
        return ResponseResult.ok(adUser);
    }
}

结果打印发现headers中没有Authorization:
axios跨域请求响应的headers中没有Authorization问题解决

解决办法

只需要在response.setHeader前加上如下代码即可:

response.addHeader("Access-Control-Expose-Headers","Authorization");

再次请求,效果如下:
axios跨域请求响应的headers中没有Authorization问题解决

微信扫一扫

支付宝扫一扫

版权: 转载请注明出处:https://www.zuozi.net/6069.html

管理员

相关推荐
2025-08-06

文章目录 一、Promise基础回顾 二、Promise 与 axios 结合使用场景及方法 (一)直接返回 axios …

269
2025-08-06

文章目录 一、模块初始化时的内部机制 二、常见导出写法的差异分析 (一)写法一:module.exports…

107
2025-08-06

文章目录 一、ResizeObserver详解 (一)ResizeObserver是什么 (二)ResizeObserver的基本用法 …

683
2025-08-06

文章目录 一、前期准备工作 (一)下载相关文件 (二)安装必要工具 二、处理扣子空间生成的文件…

338
2025-08-06

文章目录 一、官方文档 二、自动解包的数据类型 ref对象:无需.value即可访问 reactive对象:保持…

371
2025-08-06

文章目录 一、Hooks的工作原理 二、在if语句中使用Hook会出什么岔子? 三、React官方的Hook使用规…

843
发表评论
暂无评论

还没有评论呢,快来抢沙发~

助力内容变现

将您的收入提升到一个新的水平

点击联系客服

在线时间:08:00-23:00

客服QQ

122325244

客服电话

400-888-8888

客服邮箱

122325244@qq.com

扫描二维码

关注微信客服号