记录一下springboot配置CrosVonfig处理跨域问题的坑,通常网上搜到的配置文件大概都是这个:
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 CrosConfig implements WebMvcConfigurer {
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/*")
.allowedOrigins("*")
.allowCredentials(true)
.allowedMethods("GET", "POST", "DELETE", "PUT","PATCH","OPTIONS")
.allowedHeaders("Origin", "X-Requested-With", "Content-Type", "Accept", "Authorization")
.maxAge(3600);
}
}
大多数情况下也都没有问题,但是自己写东西的时候偏偏就出问题了!!!
如果后台请求是:
@RestController
public class TbLinkController {
@Autowired
TbLinkService tbLinkService;
@GetMapping("index")
// @RequestMapping("/index")
public DataVO<TbLinkVO> getList(Integer page, Integer limit, HttpServletResponse response){
response.setHeader("Access-Control-Allow-Origin","*");
return tbLinkService.getList(page,limit);
}
}
前台请求地址
,url: 'http://localhost:8087/index'
访问正常 但是如果后台请求是:
@RestController
@RequestMapping("/tblink/blog")
public class TbLinkController {
@Autowired
TbLinkService tbLinkService;
@GetMapping("index")
// @RequestMapping("/index")
public DataVO<TbLinkVO> getList(Integer page, Integer limit, HttpServletResponse response){
response.setHeader("Access-Control-Allow-Origin","*");
return tbLinkService.getList(page,limit);
}
}
前台请求是:
,url: 'http://localhost:8087/tblink/blog/index'
就访问失败,如下图:
提示的就是存在跨域问题,解决办法如下,其实只是稍微修改一下CrosConfig配置类,将 .addMapping("/*") 改成 .addMapping("/**")就好了。
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 CrosConfig implements WebMvcConfigurer {
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**")
.allowedOrigins("*")
.allowCredentials(true)
.allowedMethods("GET", "POST", "DELETE", "PUT","PATCH","OPTIONS")
.allowedHeaders("Origin", "X-Requested-With", "Content-Type", "Accept", "Authorization")
.maxAge(3600);
}
}