web建站教程
  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. seo教程
  6. 前端知识
  7. 百度echarts
  8. 更多
    php入门
    nodejs
    mockjs
    reactjs
    mysql
    wordpress
    织梦cms
    帝国cms
    git教程
    IT知识
    模板大全
    休息站

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

617 ℃
     

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://ipkd.cn/webs_2860.html

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

当前位置: 网站首页 > js
本文共计1035个字,预计阅读时长7分钟
生活小工具,收录了80多款小工具
上一篇: 抖音联合方正打造免费可商用品牌字体——抖音美好体
下一篇: 推荐一个在线图文转视频、AI 数字人工具——一帧秒创(免费赠送100分钟)
x 打工人ai神器