SpringBoot+Vue完美解决跨域问题

本人做后端用springboot,同时前端用vue,遇到了跨域问题,以下为解决方案和心得

1、浏览器同源策略

什么是浏览器同源策略?
简单的来说,如果两个页面的协议,域名和端口(如有)都相同,则两个页面具有相同的源。
在这里插入图片描述

2、前端对跨域的设置

前端对跨域的设置仅仅需要在request中添加一个属性值withCredentials

withCredentials=flase
或
withCredentials=true

两者的区别暂时还没调查清楚,只知道和cookie相关。

3、后端对跨域的设置

在一般的贴吧中,经常会提到解决跨域的问题需要修改参数response响应中的Access-Control-Allow-Origin=“*”或者是Access-Control-Allow-Origin=“特定的ip”
本人在设置的时候遇到了很大的问题,弄了很久,现在将心得分享如下:

在设置错误时,我机智的看到了前端请求头给我的参数为Origin而不是Access-Control-Allow-Origin,所以我尝试在response响应中设置Origin,终于成功了。

这两个参数不一样是因为简单请求和非简单请求

  1. 简单请求:(满足以下两个条件的请求)
    (1) 请求方法是以下三种方法之一:HEAD GET POST
    (2)HTTP的头信息不超出以下几种字段:
    Accept
    Accept-Language
    Content-Language
    Last-Event-ID
    Content-Type:只限于三个值application/x-www-form-urlencoded、multipart/form-data、text/pl
  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值