springboot不同主机,端口跨域访问设置

简单来说,主机A想通过ajax请求访问B主机的controller接口返回资源,但受到限制。

<body>
<button id="btnget">发起不带参数的URL请求</button>
<script>
    $(function() {
        $('#btnget').on('click',function() {
            $.get('http://localhost/cctv/user/1',function(res) {
                console.log(res);
            })
        })
    })
</script>
</body>

原因

这是因为浏览器的同源策略限制,就是要互相访问,必须满足在同一个主机同一个端口下(同一个域)。

解决方案

只需要在被访问的主机进行全局跨域配置

就是创建一个webmvcConfig 配置类

@Configuration
public class WebMvcConfig implements WebMvcConfigurer {
   
    /**
     * 全局CORS配置
     * @param registry
     */
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/user/*")   // 映射服务器中那些http接口运行跨域访问
                .allowedOrigins("http://localhost:8080")     // 允许访问的主机端口
                .allowedMethods("GET","POST","DELETE","PUT");   // 配置运行跨域访问的请求方法
    }
}

配置类导入后,重启被访问的主机。就可以正常访问了

注意

  • addMapping不可少,表示配置允许访问的接口

  • allowedOrigins可不选,表示允许哪些主机+端口可以对我进行访问

  • allowedMethods可不选,表示允许访问的接口方法。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值