解决CORS跨域问题
- 今天做前后端分离的项目时, 前端向后台发送请求发现报错: Access to XMLHttpRequest at ‘http://localhost:8082/doLogin’ from origin ‘http://localhost:8080’ has been blocked by CORS policy: Response to preflight request doesn’t pass access control check: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
- 问题分析: 从报错信息可以知道是由于CORS(Cross-origin resource sharing)所致
- 解决方案
-
SpringBoot项目解决方案
/** * 解决异步访问跨域 */ @Configuration public class CorsConfig implements WebMvcConfigurer { @Override public void addCorsMappings(CorsRegistry registry) { //本应用的所有方法都会去处理跨域请求 registry.addMapping("/**") //允许远端访问的域名 .allowedOrigins("http://localhost:8080") //允许请求的方法("POST", "GET", "PUT", "OPTIONS", "DELETE") .allowedMethods("*") //允许请求头 .
-