No ‘Access-Control-Allow-Origin‘ (跨域问题)

最新推荐文章于 2024-05-03 21:50:02 发布
最新推荐文章于 2024-05-03 21:50:02 发布
阅读量1.3k 收藏
点赞数
文章标签： 前端 java spring
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/theSky_blue/article/details/121308410
版权

01.html:1 Access to XMLHttpRequest at 'http://localhost:8001/eduservice/teacher/findAll' from origin 'http://127.0.0.1:8848' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

这个问题很常见,只要前端页面的访问地址和后端的请求地址中三个因素不一致就会导致这个跨域问题.

三个因素:

1.访问协议   (比如:前端的是http, 后端是https) 

2.IP地址

3.端口号

以上三个因素中有一个不一致就会导致跨域问题,解决方案有很多常用的有以下.

解决方案:

在后端的Controller中加上@Crossorgin注解就可以解决跨域问题了.

 

theSky_blue
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Nginx配置跨域请求Access-Control-Allow-Origin * 详解
09-09
主要给大家介绍了关于Nginx配置跨域请求Access-Control-Allow-Origin * 的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用Nginx具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
解决本地浏览器运行项目是的跨域问题（Access to XMLHttpRequest at 'XXX' from origin 'http://localhost:XX' has been block
weixin_38545763的博客
01-02 4万+
解决本地浏览器运行项目是的跨域问题（Access to XMLHttpRequest at ‘XXX’ from origin ‘http://localhost:XX’ has been blocked by CORS policy: Response to preflight request doesn’t pass access control check: It does not have...
前后端分离项目跨域问题No ‘Access-Control-Allow-Origin‘解决方案
secretdaixin的博客
02-27 9105
前后端分离项目跨域问题，浏览器控制台报错：No 'Access-Control-Allow-Origin' header is present on the requested resource. 请求方法为OPTIONS，状态值为302或403。 本文解决常见的CORS跨域问题，以及，集成CAS 5.3单点登录内嵌页面时，发送复杂请求产生的跨域问题。
浏览器同源策略导致跨域问题 No ‘Access-Control-Allow-Origin‘ header 原因及解决方式--（后端、nginx、前端）
Ricardo.M.Yu的博客
10-28 1万+
跨域问题解决
No 'Access-Control-Allow-Origin' header is present on the requested resource'， 跨域访问的解决方法
热门推荐
木子叶的奔跑
11-13 32万+
当请求不在同一域名下的资源文件（ip地址+端口号）时，会报如下错误： “No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:8080’ is therefore not allowed access.”，翻译下，因为被请求的资源没有设置 ‘A...
使用Access-Control-Allow-Origin解决跨域
weixin_30875157的博客
02-05 2419
什么是跨域 当两个域具有相同的协议(如http), 相同的端口(如80)，相同的host（如www.google.com)，那么我们就可以认为它们是相同的域（协议，域名，端口都必须相同）。 跨域就指着协议，域名，端口不一致，出于安全考虑，跨域的资源之间是无法交互的(例如一般情况跨域的JavaScript无法交互，当然有很多解决跨域的方案) Access-Control-Allow-Or...
请求跨域 CORS policy: No ‘Access-Control-Allow-Origin‘
QiuHaoqian的博客
05-19 8997
这里写目录标题1 跨域和同源2. CORS 跨域资源共享(解决跨域)2.1 前端解决（不推荐）2.2 Nginx 解决跨域2.3 tomcat 解决跨域2.4 SpringBoot 服务解决跨域3 总结 如在浏览器控制台看到类似于下边的报错，则是出现了跨域请求问题 xxx has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the request resouce 在和前端打交道的时
SpringBoot跨域Access-Control-Allow-Origin实现解析
08-25
主要介绍了SpringBoot跨域Access-Control-Allow-Origin实现解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
Nginx跨域设置Access-Control-Allow-Origin无效的解决办法
01-10
add_header 'Access-Control-Allow-Origin' '*'; add_header 'Access-Control-Allow-Credentials' 'true'; add_header 'Access-Control-Allow-Methods' 'GET,POST'; 使用以下配置，生效。 if ($request_method = '...
谷歌跨域插件Access-Control-Allow-Origin
02-15
谷歌跨域插件Access-Control-Allow-Origin
Ajax 设置Access-Control-Allow-Origin实现跨域访问
10-20
主要介绍了Ajax 设置Access-Control-Allow-Origin实现跨域访问,非常不错，具有参考借鉴价值，需要的朋友可以参考下
已解决：前端直传阿里oss报错跨域问题，“No ‘Access-Control-Allow-Origin‘”，这个错误基本就是在阿里的开放平台没做规则配置（附我封装的上传源码）
Spy003的博客
04-29 8343
就直接上阿里oss管理后台去增加一个跨域规则：见图片，特详细配置成这样点确定就好了，就这么简单。
No ‘Access-Control-Allow-Origin‘ header is present之 为什么会跨域及解决方案
Brucelwl的博客
08-12 9万+
1 浏览器的限制 2 跨域 3 浏览器发送的是 XHR (XMLHttpRequest)请求 当以上三个条件都满足时浏览器会抛出跨域请求异常（记住是浏览器抛出的异常，和服务端没太大关系），在讲跨域请求解决方案前先了解几个问题。 1 http请求中，哪些是常见的简单请求，哪些是非简单请求 常见的简单请求：请求方法为：GET ，HEAD，POST，请求header里面无自定义头，Conten...
解决前后端跨域问题No‘Access-Control-Allow-Origin‘...
筱白爱学习！的博客
06-22 7150
解决前后端跨域问题No'Access-Control-Allow-Origin'
No 'Access-Control-Allow-Origin' header is present on the requested resource. 跨域问题！
开心就好~~~专栏
01-23 18万+
跨域问题项目背景车祸现场解决问题总结 项目背景 前端：VUE 后端：Java JDK 1.8 Springboot 1.5.12 maven 3.3.9 服务器环境：Linux nginx 数据库：mysql 车祸现场 1、废话不说直接上干货 仔细一点可以看出，No ‘Access-Control-Allow-Origin’ header is present on the requested...
VUE2：关于axios的跨域问题（No ‘Access-Control-Allow-Origin‘ ）以及解决方案（亲测有用，全流程配图文版，建议收藏）
jialuosi的博客
10-07 6970
其原理大致就是我刚刚添加了Axios.defaults.baseURL = '/api'，其每次发送请求都会加一个/api的前缀，这里拦截器拦截api前缀后将其替换为 target。今天在开发中新写了一个前端的项目作为集成，公司是保密项目所以公司代码肯定是不能粘贴了，回家之后还是觉得记录一下比较好，所以自己模拟了一个来给大家解决一下。接下来再看vue.config.js文件，没有就自己创建一个，但是一般都会有，名字不能错。
正确解决No ‘Access-Control-Allow-Origin’ header is present on the requested resource异常的有效解决方法
wbajsjhhhhh的博客
05-03 3831
正确解决No ‘Access-Control-Allow-Origin’ header is present on the requested resource异常的有效解决方法
No ‘Access-Control-Allow-Origin‘ header is present on the requested resource关于vue跨域问题
qq_42212557的博客
12-06 2万+
No 'Access-Control-Allow-Origin' header is present on the requested resource关于vue跨域问题
完美解决：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource
white0718的博客
07-24 1万+
分析：当我们请求一个接口的时候，出现如：Access-Control-Allow-Origin 字眼的时候说明请求跨域了。前端是vue,后端是springcloud，完全的前后端分离的项目，前端在向后端发送请求的时候出现如下的错误。把我工作中遇到的问题和解决的问题的过程记录下来，同时希望也可以帮到大家！文件，在该文件内新增配置。
Access-Control-Allow-Origin 如何配置跨域
最新发布
05-24
Access-Control-Allow-Origin是一种跨域资源共享（CORS）机制，用于控制一个网站是否允许其他网站跨域请求该网站的资源。通常情况下，如果请求方域名与响应方域名不一致，浏览器会阻止请求，但是通过设置Access-...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值