广告
返回顶部
首页 > 资讯 > 前端开发 > 其他 >jquery ajax报错403怎么办
  • 606
分享到

jquery ajax报错403怎么办

jqueryajax 2023-05-14 21:05:36 606人浏览 泡泡鱼
摘要

本教程操作环境:windows7系统、Jquery3.2.1版、Dell G3电脑。jquery ajax报错403怎么办?ajax 调用服务器接口报403错误解决办法发现问题在前端页面中远程调用服务器接口时报403错误,而直接在浏览器访问

jquery ajax报错403怎么办

教程操作环境:windows7系统、Jquery3.2.1版、Dell G3电脑。

jquery ajax报错403怎么办?

ajax 调用服务器接口报403错误解决办法

发现问题

前端页面中远程调用服务器接口时报403错误,而直接在浏览器访问则不会报错。

  Ajax调用结果:

8a52ba5ca006bc395eb088d143976c6.jpg

  浏览器调用结果:

8d82a83fbedd692079df834d191691f.jpg

报403原因

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

防盗链机制

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

74d255fc729a56f6c6a6200fb854f11.jpg

解决办法

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

@Configuration
public class GlobalCorsConfig {
    @Bean
    public CorsFilter corsFilter() {
        //1.添加cors配置信息
        CorsConfiguration config = new CorsConfiguration();
        // 允许的域(根据需要进行设置),不要写*,
        config.addAllowedOrigin("http://localhost:6334");
        //是否发送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);
    }
}

ce3589686848c0963294987eb3ac78d.jpg

以上就是jquery ajax报错403怎么办的详细内容,更多请关注编程网其它相关文章!

--结束END--

本文标题: jquery ajax报错403怎么办

本文链接: https://www.lsjlt.com/news/205716.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • jquery ajax报错403怎么办
    本教程操作环境:Windows7系统、jquery3.2.1版、Dell G3电脑。jquery ajax报错403怎么办?ajax 调用服务器接口报403错误解决办法发现问题在前端页面中远程调用服务器接口时报403错误,而直接在浏览器访问...
    99+
    2023-05-14
    jquery ajax
  • jquery ajax报错403如何解决
    本篇内容介绍了“jquery ajax报错403如何解决”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!jquery ajax报错403是因为...
    99+
    2023-07-04
  • django使用ajax post数据出现403错误怎么办
    这篇文章将为大家详细讲解有关django使用ajax post数据出现403错误怎么办,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。具体内容请看下文。方法一:如果用jQuery来处理ajax的话,Djan...
    99+
    2023-06-08
  • ie11 jquery 报错怎么办
    本教程操作环境:Windows10系统、jquery3.2.1版本、Dell G3电脑。ie11 jquery 报错怎么办?IE11下使用jquery报错,对象不支持“addEventListener”属性或方法HTML1300: 进行了导...
    99+
    2023-05-14
    ie11 jQuery
  • apache中出现403错误怎么办
    小编给大家分享一下apache中出现403错误怎么办,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!Apache,版本2.2.8,安装完成后,进行相关测试;配置了下...
    99+
    2023-06-10
  • ajax跨域访问报错501怎么办
    小编给大家分享一下ajax跨域访问报错501怎么办,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!问题:ajax跨域访问报错501...
    99+
    2022-10-19
  • jquery ajax utf-8 乱码怎么办
    本教程操作环境:Windows10系统、jquery3.2.1版本、Dell G3电脑。jquery ajax utf-8 乱码怎么办?jQuery AJAX 请求乱码 返回乱码 1. jQuery AJAX 请求后台收到为乱码可以显式设置...
    99+
    2023-05-14
    乱码 ajax jQuery
  • vue引入静态jquery报错怎么办
    本教程操作环境:Windows10系统、jquery3.2.1版、DELL G3电脑vue引入静态jquery报错怎么办?关于vue中引用jquery报错vue项目中需要使用jquery时,我们可能安装了jquery还是会提示报错,如何解决...
    99+
    2023-05-14
    jQuery Vue
  • php中403是什么报错
    本文操作环境:Windows7系统,PHP7.1版,Dell G3电脑。php中403是什么报错?php中出现“ HTTP 错误 403 - 禁止访问”解决办法 总结安装Apache,版本2.2.6,装完刚测试可以;配置了下php的php....
    99+
    2015-04-05
    php 403
  • laravel框架报403错误怎么解决
    本文小编为大家详细介绍“laravel框架报403错误怎么解决”,内容详细,步骤清晰,细节处理妥当,希望这篇“laravel框架报403错误怎么解决”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。在laravel中...
    99+
    2023-07-02
  • django中使用jquery ajax post数据出现403错误的解决方法
    这篇文章主要讲解了“django中使用jquery ajax post数据出现403错误的解决方法”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“django...
    99+
    2022-10-19
  • php中403指的是什么报错
    这篇文章主要为大家展示了“php中403指的是什么报错”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“php中403指的是什么报错”这篇文章吧。php中403报错的解决办法:1、打开apache的...
    99+
    2023-06-22
  • 代理ip服务器报403错误怎么解决
    代理ip服务器报403错误解决的方法:1、输入cmd打开命令行后,输入ipconfig /flushdns,同时查看是否有在网站虚拟目录中添加默认文档;2、输入命令chcon -R -t httpd_user_content_t publi...
    99+
    2022-10-16
  • java请求php接口报403错误怎么解决
    Java和PHP是两个广泛使用的编程语言,往往联合开发Web应用程序。然而,在Java开发中请求PHP接口时,有时可能会遇到403错误的问题。403错误通常是一个HTTP状态码,其意义为“Forbidden”,意味着服务器拒绝了用户的请求。...
    99+
    2023-05-14
    php java
  • vue跨域请求时报403错误怎么解决
    Vue跨域请求时报403错误一般是因为服务器端设置了跨域请求的限制。解决方法如下:1. 在服务器端设置允许跨域请求:在服务器端的响应...
    99+
    2023-08-08
    vue
  • 怎么用jQuery ajax实现天气预报
    这篇文章主要介绍“怎么用jQuery ajax实现天气预报”,在日常操作中,相信很多人在怎么用jQuery ajax实现天气预报问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”...
    99+
    2022-10-19
  • canvas.toDataURL()报错怎么办
    小编给大家分享一下canvas.toDataURL()报错怎么办,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!报错详尽信息Uncaught DOMExceptio...
    99+
    2023-06-09
  • react.component 报错怎么办
    本教程操作环境:Windows10系统、react18版、Dell G3电脑。react.component 报错怎么办?react component 语法报错解决React es6语法 class Counter extends Com...
    99+
    2023-05-14
    component React
  • JQuery发送ajax请求时中文乱码怎么办
    这篇文章主要介绍JQuery发送ajax请求时中文乱码怎么办,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!先排除项目故障:1.web.xml中是否配置了字符拦截器<filter...
    99+
    2022-10-19
  • jQuery怎么使用ajax
    小编给大家分享一下jQuery怎么使用ajax,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!用JavaScript写AJAX前面...
    99+
    2022-10-19
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作