#青训营笔记创作活动#


2月14日 打卡day33

今日学习: 跨域问题

出现跨域问题的场景
1. 协议不同, http与https
2. 域名不同
3. 端口不同

解决跨域问题
1. @CrossOrigin标注允许跨域的域名, 只能对单个controller生效
2. 配置文件实现跨域: 在WebMvcConfigurer中实现addCorsMappings方法
3. CorsFilter跨域, 与方法2类似, 实现一个CorsFilter Bean对象, 对其配置跨域参数
4. 通过Response跨域: 在Response头中设置跨域Header: Access-Control-Allow-Origin

跨域原理: 浏览器为了安全考虑, 默认不允许不同域名的网站直接发送Http请求, 需要加入
Access-Control-Allow-Origin等Header配置.

在实际部署时, 可以使用Nginx启动反向代理, 将前后端代理到同一域名下.

[面试突击81:什么是跨域问题?如何解决? - 掘金 (juejin.cn)](juejin.cn)
展开
评论