怎样解决跨域?
跨域的原因
跨域是是因为浏览器的同源策略限制,是浏览器的一种安全机制,服务端之间是不存在跨域的。
所谓同源指的是两个页面具有相同的协议、主机和端口,三者有任一不相同即会产生跨域。
解决跨域
配置类重写addCorsMappings方法
1、CorsConfig配置类添加@Configuration注解
2、继承WebMvcConfigurer
3、重写addCorsMappings方法
完成后再启动项目时会自动加载
import org.springframework.context.annotation.Configuration; import org.springframework.web.servlet.config.annotation.CorsRegistry; import org.springframework.web.servlet.config.annotation.WebMvcConfigurer; /** * 跨域请求配置 */ @Configuration public class CorsConfig implements WebMvcConfigurer { @Override public void addCorsMappings(CorsRegistry registry){ //设置允许跨域的路径 registry.addMapping ("/**") //设置允许跨域请求的域名 .allowedOriginPatterns ("*") //是否允许证书 .allowCredentials (true) //设置允许的方法 .allowedMethods ("GET","POST", "PUT", "DELETE", "OPTIONS") //设置允许的header属性 .allowedHeaders ("*") //允许跨域时间 .maxAge (3600); } }
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· Vue3状态管理终极指南:Pinia保姆级教程