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);

    }
}

 

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值