java web 中跨域的一些解决方法（Ajax 以及spring security ）

最新推荐文章于 2024-10-10 09:56:32 发布

Sean_zzZ

最新推荐文章于 2024-10-10 09:56:32 发布

阅读量433

点赞数

CC 4.0 BY-SA版权

分类专栏： javaweb 网络相关文章标签： spring security ajax

本文链接：https://blog.youkuaiyun.com/github_38151745/article/details/78761319

javaweb 同时被 2 个专栏收录

13 篇文章

订阅专栏

网络相关

5 篇文章

订阅专栏

本文介绍了一种使用Ajax发起跨域请求的方法，并给出了一个具体的示例代码片段。此外，还提供了一个基于Spring Security的服务端配置示例来允许跨域访问。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

关于Ajax请求跨域数据的解决方法：

$.ajax({
            url:‘',
            dataType: 'json',
            type: 'GET',
            async:false,
            xhrFields: {
                withCredentials: true
            },
            crossDomain: true,
            beforeSend: function (xhr) {
                xhr.setRequestHeader("Authorization", "Basic " + btoa("xxx" + ":" + "xxx"));（Z这里的配置主要是为了防止访问的地址进行了basic 校验， 如果访问的地址有basic校验，需要知道登陆的用户名，以及密码）
                 xhr.setRequestHeader("Content-Type", "application/json");
            },
            success: function (data) {

            },

        });

这里需要提醒的是，虽然可以这个方法能够请求跨域的数据，但是如果请求的数据没有进行跨域请求允许的操作，那么就访问不到数据，下面是在服务端实现允许跨域访问的解决方法，（该方案是基于spring security）

@Configuration
public class WebConfig extends WebMvcConfigurerAdapter {
    /**
     * 跨域放开
     *
     * @param registry
     */
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                .allowedHeaders("*")
                .allowedMethods("*")
                .allowedOrigins("*");
    }

}