【会导致跨域问题的原因】Access to XMLHttpRequest at‘http://localhost:

已于 2022-10-16 09:06:37 修改
阅读量8.9k 收藏 3
点赞数 3
文章标签： http javascript 前端 nginx spring boot
于 2022-10-15 17:45:05 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xzxailh/article/details/127338106
版权

错误：` Access to XMLHttpRequest at ‘http://localhost:3000/framework/create’ from origin ‘http://localhost:4200’ has been blocked by CORS policy: Response to preflight request doesn’t pass access control check: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.`

1. 如果使用nginx，查看nginx配置文件是否配置后端的请求端口路径

 

 

2. 查看后端的controller层是否有@CrossOrigin 注解

 

3. 查看前端的请求方式与后端是否一致，查看路径是否一致

后端是post

 

以上内容都会导致产生跨域问题

如果项目所有的功能都不能用或者是部分模块的的全部功能不能用，大概率是nginx的问题。

如果模块中只有一个功能会报跨域问题，大概率是请求方式和路径不一致导致的。

Klittra
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
有关Ajax跨域问题的两种解决方法
12-11
概述 Ajax跨域是前端开发中常见的问题，本文描述了以Google浏览器Chrome作为客户端和以Tomcat作为Web服务器的情况下的解决办法。 问题现象 当出现跨域访问的时候ajax通常会报类似如下错误： XMLHttpRequest cannot load http://192.168.2.12:8001/oss/api/version/check. No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:8000’ is therefor
javascript跨域原因以及解决方案分享
10-24
当尝试从一个域名下的网页去请求另一个域名的数据时，例如通过Ajax进行JSONP或者XMLHttpRequest操作，浏览器就会阻止这种行为，从而产生跨域问题。 跨域问题最常见的场景包括： 1. 当网页中的JavaScript试图通过...
【跨域问题】Access to XMLHttpRequest at‘http://localhost:解决跨域问题
XING的博客
05-28 755
【代码】【跨域问题】Access to XMLHttpRequest at‘http://localhost:解决跨域问题。
Access to XMLHttpRequest at……问题出现时怎么办
最新发布
m0_68131226的博客
06-15 1426
有时浏览器会先发送一个预检请求（OPTIONS 请求）来检查服务器是否允许实际请求。如果预检请求失败，实际请求就会被阻止。确保后端正确处理 OPTIONS 请求。通过这些配置，可以解决 CORS 问题，并允许前端正确接收来自后端的 cookie。确保在后端正确配置 CORS 中间件，允许跨域请求并支持凭据传递。：如果你在开发环境中使用 HTTPS，需要确保。，这样可以发送和接收 cookie。在本地开发环境中，可以暂时设置为。：确保在 CORS 设置中的。确保在前端的请求中包含。与前端请求的地址一致。
前端跨域问题的解决方案Access to XMLHttpRequest at ‘http..’ from origin ‘null‘ has been blocked by CORS policy
热门推荐
weixin_40756509的博客
03-25 27万+
前言： 在前端发出Ajax请求的时候，有时候会产生跨域问题，报错如下: Access to XMLHttpRequest at 'http://127.0.0.1/api/post' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 针对以上问题，本文提供两种解决方案，CORS中间件和JSO
Access to XMLHttpRequest at ‘http://xx‘ from origin ‘http://xx‘ has been blocked by CORS policy:
记录知识、锤炼自我
09-30 6万+
问题场景 错误信息： Access to XMLHttpRequest at 'http://localhost:9090' from origin 'http://localhost:9090' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 翻译：【在http://localhost:9090对http://localhos
前端跨域主流解决方案（Access to XMLHttpRequest at ‘http..’ from origin ‘null‘ has been blocked by CORS policy）
weixin_43239880的博客
04-06 2万+
前端跨域主流解决方案（Access to XMLHttpRequest at ‘http..’ from origin ‘null‘ has been blocked by CORS policy）
解决跨域问题：Access to XMLHttpRequest at ‘http://localhost:8080/xxx‘ No ‘Access-Control-Allow-Origin‘ head
一觉睡过头的菜鸡的博客
05-30 7万+
文章目录一、问题二、问题产生的原因三、解决方法1. 问题出现在我们没有带标头，我们就带上标头2. 使用插件扩展 一、问题 当我实现前后端分离的时候，遇到了这个问题： Access to XMLHttpRequest at ‘http://localhost:8080/xxx’ from origin ‘http://localhost:63342’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is pre
【跨域问题】Access to XMLHttpRequest at'http://localhost:解决跨域问题，前后端连调，前端Vue后端SSM，解决Vue项目打包后打开页面图片不显示问题
OrangeChenZ的博客
01-14 22万+
问题： Failed to load resource: net::ERR_CONNECTION_REFUSED 这个问题我是因为后端服务没有启动，报错的； 跨域问题： Access to XMLHttpRequest at ‘http://localhost:9090/guidance/findGuidancePage’ from origin ‘http://localhost:8000’ h...
vue-socket.io跨域问题有效解决方法
11-21
Access to XMLHttpRequest at ‘http://192.168.37.130:5050/socket.io/?EIO=3&transport=polling&t=N0oqNsW’ from origin ‘http://localhost:8080’ has been blocked by CORS policy: No ‘Access-Control-Allow...
Spring Boot 通过CORS实现跨域问题
09-07
Spring Boot 通过CORS实现跨域是解决现代Web应用程序中跨域访问问题的关键技术。由于浏览器的同源策略限制，不同源的站点之间无法通过JavaScript直接通信，这为前后端分离的开发模式带来了一定的挑战。然而，CORS...
深入浅析同源策略和跨域访问
11-22
同源策略是Web安全的核心机制之一，...在进行跨域开发时，理解并合理使用这些技术是至关重要的，同时也需要注意安全问题，防止恶意攻击者利用跨域漏洞获取用户信息。开发者应始终以保护用户隐私和数据安全为首要考虑。
Angular客户端请求Rest服务跨域问题的解决方法
12-09
XMLHttpRequest cannot load http://localhost:8081/api/v1/staffs. No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:4200’ is th
基于axios 解决跨域cookie丢失的问题
10-17
在Web开发中，跨域问题常常困扰着开发者，特别是涉及到登录认证、状态保持等场景时，因为浏览器的同源策略会阻止跨域请求携带cookies。然而，有些情况下我们需要在跨域请求中保持登录状态，这就涉及到如何处理跨域...
jquery中ajax处理跨域的三大方式
11-22
jQuery作为一款广泛使用的JavaScript库，提供了多种方式来处理跨域问题。以下是jQuery中处理跨域的三种主要方法： 1. **代理（Proxy）** 代理是绕过同源策略的一种方法。在开发环境中，可以使用像Webpack或...
React如何解决fetch跨域请求时session失效问题
10-17
然而，在使用fetch进行跨域请求时，可能会遇到session失效的问题，这会影响用户的登录状态和应用的功能。本文将详细介绍React如何解决fetch跨域请求时session失效的问题。 首先，fetch API在React中作为...
解决跨域 报错Access to XMLHttpRequest at ‘http://127.0.0.1:3001/user‘ from origin ‘http://127.0.0.1:5501‘
weixin_52954097的博客
09-04 1万+
出现上述情况报错就是因为跨域了。跨域是为了保障安全，浏览器根据同源策略（协议，域名，端口号都要一致）给出的限制。ajax能直接获取同源的数据。不同源的需要解决跨域问题。
【跨域报错解决方案】Access to XMLHttpRequest at ‘http://xxx.com/xxx‘ from origin ‘null‘ has been blocked by
十一月廿七风雨大作
01-19 8万+
错误背景描述： 在使用ajax调用api接口的时候：发生错误如下 Access to XMLHttpRequest at ‘http://xxxx.com/xxx’ from origin ‘null’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the request...
Ajax和XMLHttpRequest
weixin_33709219的博客
09-26 610
Ajax和XMLHttpRequest我们通常将Ajax等同于XMLHttpRequest，但细究起来它们两个是属于不同维度的2个概念。以下是我认为对Ajax较为准确的解释：（摘自what is Ajax）AJAX stands for Asynchronous JavaScript and XML. AJAX is a new technique for creatin...
Access to XMLHttpRequest at 'http://localhost:8081/api/login' from origin 'http://localhost:8080'
01-03
根据提供的引用内容，你可以通过以下两种方式解决"Access to XMLHttpRequest at 'http://localhost:8081/api/login' from origin 'http://localhost:8080'?"的问题： 1. 在PHP中添加跨域配置： ```php header("Access-Control-Allow-Origin: *"); header("Access-Control-Allow-Methods: GET, POST, OPTIONS, DELETE"); header("Access-Control-Allow-Headers: DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Accept-Language,Origin,Accept-Encoding,token"); if ($_SERVER['REQUEST_METHOD'] == 'OPTIONS') { exit(); } ``` 2. 在Spring Boot中添加跨域配置： ```java @Configuration public class AccessControlAllowOriginFilter implements WebMvcConfigurer { @Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping("/*/**") .allowedHeaders("*") .allowedMethods("*") .maxAge(1800) .allowedOrigins("*"); } } ``` 这两种方式都是通过设置响应头来允许跨域请求。第一种方式是在PHP中添加相应的header头，第二种方式是在Spring Boot中添加一个过滤器类来配置跨域请求。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值