jquery利用ajax对接接口出现403错误是什么原因（如何解决）

jquery利用ajax对接接口出现403错误是什么原因，如何解决这个错误？下面web建站小编给大家详细介绍一下！

403错误原因

经过分析发现是因为前端和服务器的域名不同而触发了防盗链机制。

解决办法

对于自身项目而言，解决跨域问题可以通过代码设置允许的域。代码如下：

@Configuration
public class GlobalCorsConfig {
  @Bean
  public CorsFilter corsFilter() {
    //1.添加cors配置信息
    CorsConfiguration config = new CorsConfiguration();
    // 允许的域（根据需要进行设置），不要写*，
    config.addAllowedOrigin("http://localhost:8800");
    //是否发送cookie信息
    config.setAllowCredentials(true);
    //允许请求的方式
    config.addAllowedMethod("OPTIONS");
    config.addAllowedMethod("HEAD");
    config.addAllowedMethod("GET");
    config.addAllowedMethod("PUT");
    config.addAllowedMethod("POST");
    config.addAllowedMethod("DELETE");
    config.addAllowedMethod("PATCH");
    //允许的头信息
    config.addAllowedHeader("*");
    //有效时长
    config.setMaxAge(3600L);
    //添加映射网络，拦截一切请求
    UrlBasedCorsConfigurationSource configurationSource = new UrlBasedCorsConfigurationSource();
    configurationSource.registerCorsConfiguration("/**", config);
    //返回新的CorsFilter
    return new CorsFilter(configurationSource);
  }
}

拓展资料：

防盗链机制是基于http请求头的referer实现的，referer就相当于浏览器页面地址的id,浏览器向服务器发起请求时，会携带referer,服务器通过referer来判断是否是自己的域名，如果不是就会拒绝访问，如果是，则继续访问。

vue如何实现数据请求（axios/ajax）

ajax调用中关于POST方法运用

ajax中post请求和get请求有什么不同

php语法如何判断是不是ajax提交

jquery关于交互的几种方式

标签： 403错误, ajax, referer, 防盗链机制

上面是“jquery利用ajax对接接口出现403错误是什么原因（如何解决）”的全面内容，想了解更多关于 js 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_2860.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！