zoukankan      html  css  js  c++  java
  • SpringBoot添加支持CORS跨域访问

    CORS(Cross-Origin Resource Sharing)”跨域资源共享”,是一个W3C标准,它允许浏览器向跨域服务器发送Ajax请求,打破了Ajax只能访问本站内的资源限制。我们在开发中都会遇到前端请求后台服务器出现跨域错误,下面我就讲一下如何让你的SpringBoot项目支持CORS跨域。

    第一步 搭建SpringBoot项目
    怎么搭建一个SpringBoot项目及添加相关依赖,我在这里就不细说了,相信对各位来说都是小菜。

    第二步 配置CORSConfiguration
    新建一个类CORSConfiguration,继承WebMvcConfigurerAdapter,并重写addCorsMappings方法。

    @Configuration
    public class CORSConfiguration extends WebMvcConfigurerAdapter{
    @Override
    public void addCorsMappings(CorsRegistry registry) {
    registry.addMapping("/**")
    .allowedMethods("*")
    .allowedOrigins("*")
    .allowedHeaders("*");
    super.addCorsMappings(registry);
    }
    }
    配置的详细信息说明如下:
    addMapping:配置可以被跨域的路径,可以任意配置,可以具体到直接请求路径。
    allowedMethods:允许所有的请求方法访问该跨域资源服务器,如:POST、GET、PUT、DELETE等。
    allowedOrigins:允许所有的请求域名访问我们的跨域资源,可以固定单条或者多条内容,如:”http://www.aaa.com“,只有该域名可以访问我们的跨域资源。
    allowedHeaders:允许所有的请求header访问,可以自定义设置任意请求头信息。

    到此我们的配置就完成了,是不是很简单呢?下面进行测试。

    第三步 测试
    ①. 新建一个IndexController,接收一个/cors请求。

    @RestController
    public class IndexController {

    @RequestMapping(value = "/cors")
    public String corsIndex(){
    return "hello,this is cors test!";
    }

    ②..新建一个login.html,点击登录按钮就会触发下面的请求。

    <script>
    $(function(){
    $('.login_btn').click(function(){
    $.ajax({
    url: 'http://192.168.1.104:8080/cors',
    success: function(data){
    alert(data);
    }
    })
    });
    });
    </script>

    ③. 然后我在同一个局域网的另一台电脑上访问login.html,结果如下:

    跨域访问成功!

    ④. 我将CORSConfiguration 的配置信息注释掉。 

    然后访问login.html,结果如下: 

    访问失败,根据失败信息,可以得知不允许跨域访问。

  • 相关阅读:
    010 排序: 冒泡 选择
    洛谷 P1540 机器翻译
    洛谷 P1011 车站
    周期串
    2019.03.29 大数据图解
    2019.03.29 算法解读
    2019.03.28 博客反省
    2019.03.27 常用的模块
    2019.03.25 git
    2019.03.25 Ajax三级联动
  • 原文地址:https://www.cnblogs.com/gjack/p/10271416.html
Copyright © 2011-2022 走看看