springboot+layui前后分离项目配置跨域问题的坑

记录一下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); } }