[实战] springBoot + Vue 如何实现前后端分离跨域请求?

本文介绍了在Vue项目中利用axios进行跨域请求的配置方法,重点讲解了XMLHttpRequest.withCredentials属性的作用,以及在SpringBoot后端进行的相关设置,确保跨域时cookie和权限头的正确使用。教程旨在帮助开发者解决前后端分离中的跨域问题。
摘要由CSDN通过智能技术生成
  1. Vue中, 我使用了被大家用烂了的 axios,为了实现跨域请求,需要如下配置:
    在这里插入图片描述

以下关于 withCredentials 的含义:

摘自 mozilla开发者中心

XMLHttpRequest.withCredentials 属性是一个Boolean类型,它指示了是否该使用类似cookies,authorization headers(头部授权)或者TLS客户端证书这一类资格证书来创建一个跨站点访问控制(cross-site Access-Control)请求。在同一个站点下使用withCredentials属性是无效的。

此外,这个指示也会被用做响应中cookies 被忽视的标示。默认值是false。

如果在发送来自其他域的XMLHttpRequest请求之前,未设置withCredentials 为true,那么就不能为它自己的域设置cookie值。而通过设置withCredentials 为true获得的第三方cookies,将会依旧享受同源策略,因此不能被通过document.cookie或者从头部相应请求的脚本等访问。

注: 永远不会影响到同源请求

不同域下的XmlHt

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值