Access to XMLHttpRequest at 'http://localhost:8080/api/login' from origin 'http://localhost:8080'

最新推荐文章于 2025-04-12 12:52:45 发布

沙子揉碎在眼睛里

最新推荐文章于 2025-04-12 12:52:45 发布

阅读量4.5w

点赞数 11

分类专栏： JavaScript 浏览器同源文章标签：跨域

本文链接：https://blog.youkuaiyun.com/wh13267207590/article/details/103344296

版权

JavaScript 同时被 2 个专栏收录

38 篇文章

订阅专栏

浏览器同源

3 篇文章

订阅专栏

解决方案：

1.在被请求的php文件中加入请求头部

header('Access-Control-Allow-Origin: *');

<?php 
	header('Access-Control-Allow-Origin: *');
	$arr = [
		array('id'=>1,'title'=>'one')
	];

	echo json_encode($arr);
 ?>

2.nginx代理配置项加上允许跨域：

 add_header Access-Control-Allow-Origin *;
 add_header Access-Control-Allow-Credentials 'true'; 
 add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
 add_header Access-Control-Allow-Headers *;

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

沙子揉碎在眼睛里

关注关注

11
点赞
踩
14

收藏

觉得还不错? 一键收藏
3
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

跨域问题：Access to XMLHttpRequest at ‘http://localhost:3001/re‘ from origin ‘http://127.0.0.1:8848‘

qq_38432089的博客

03-19

6400

1、问题描述：在本地用express构建服务器端，前端访问数据。报错：Access to XMLHttpRequest at ‘http://localhost:3001/responseData’ from origin ‘http://127.0.0.1:8848’ （一）app.js // 引入express const express = require('express'); // 引入path const path = require('path'); // 实例化express const

解决跨域Access to XMLHttpRequest at ‘http://localhost:8080/xxx’ from origin ‘http://localhost:63342

weixin_45936141的博客

02-13

1万+

前端跨域

3 条评论您还未登录，请先登录后发表或查看评论

（已解决）The CORS policy blocked access to the XMLHttpRequest at ‘http://localhost:8080/login‘ from.....

BrianGriffin的博客

01-09

651

中文：CORS 策略阻止了从源“http://localhost:7000”对“http://localhost:8080/login”处的 XMLHttpRequest 的访问：对预检请求的响应未通过访问控制检查：请求的资源上不存在“Access-Control-Allow-Origin”标头。问题原因：CORS是一个W3C标准，全称是”跨域资源共享”（Cross-origin resource sharing），其阻止了你的跨域请求。解决：使用@CrossOrigin进行跨域请求，成功解决。

Access to XMLHttpRequest at ‘http://127.0.0.1:8000/login‘ from origin ‘http://127.0.0.1:5500‘ has b

热门推荐

LPLIFE的博客

04-21

24万+

用nodejs+express封装自己的api，遇到跨域问题原本我是这样写进去的： //设置跨域访问 app.all('*', function(req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers", "X-Req...

【尚硅谷云办公问题】Access to XMLHttpRequest at ‘http://localhost:8080/login‘ from origin ‘http://loc

TANGYUSHIZHU的博客

07-18

639

1、我在后端关于审批的所有Controller都加了@CrossOrigin //跨域注解2、写了工具类AccessControlAllowOriginFilter。

Access to XMLHttpRequest at ‘http://localhost/login/hello‘ from origin ‘http://127.0.0.1:5500‘ has b

m0_51346654的博客

06-03

2531

本文章仅用来记录课设所发生的错误，SpingBoot和js速成，因此遇到很多问题，仅具有参考性。 Access to XMLHttpRequest at ‘http://localhost/login/hello’ from origin ‘http://127.0.0.1:5500’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resourc...

Access to XMLHttpRequest at ‘http://localhost:8443/api/logout‘ from origin ‘http://localhost:8080‘

05-07

1755

Access to XMLHttpRequest at ‘http://xx‘ from origin ‘http://xx‘ has been blocked by CORS policy:

gzhiii的博客

06-26

3200

access to xelhttprequest at from origin has been blocked by cors policy request header field author is not allowed by access-control-allow-headers in preflight response

Access to XMLHttpRequest at ‘http://localhost:8080/VXApplets/UserInfoService/login‘ from origin ‘htt

weixin_45841729的博客

06-24

1572

报错信息 Access to XMLHttpRequest at 'http://localhost:8080/VXApplets/UserInfoService/login' from origin 'http://localhost:8082' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin'

项目报错Access to XMLHttpRequest at http://localhost:8080 from origin http://localhost:8081(前后端分离解决跨域问题)

qq_64734490的博客

11-09

5696

跨域是指浏览器的同源策略限制下，一个域（网站）下的脚本试图去请求另一个域（网站）的资源。同源策略是浏览器的一种安全机制，用于限制一个源的文档或脚本如何与另一个源的资源进行交互，它要求协议、域名和端口都相同，如果这三个中的任何一个不同，就会产生跨域问题。

解决跨域问题：Access to XMLHttpRequest at ‘http://localhost:8080/xxx‘ No ‘Access-Control-Allow-Origin‘ head

一觉睡过头的菜鸡的博客

05-30

8万+

文章目录一、问题二、问题产生的原因三、解决方法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

express跨域问题—Access to XMLHttpRequest at ‘http://localhost:8080/xxx’ from origin ‘http://localhost:xx

Ls0204_的博客

08-08

3378

Access to XMLHttpRequest at ‘http://localhost:8080/xxx’ from origin ‘http://localhost:xxx’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

Access to XMLHttpRequest at ‘http://www.xiaoleql.com/api/login‘ from origin ‘http://localhost:8080‘

2201_75783276的博客

09-06

770

前端加上请求头token之后报错。在php中加上这段配置即可。

springboot服务器端允许跨域

小南

11-01

536

public class CorsFilter implements Filter { public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException { HttpServletResponse res

Access to XMLHttpRequest at ‘http://localhost:8088/upload‘ from origin ‘http://localhost:8080‘ has b

xiaofan空欢喜的博客

07-27

5970

Access to XMLHttpRequest at 'http://localhost:8088/upload' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 前端访问后端链接这个错误，一般是跨域问题所导致的，在后端的接口上加入@CrossOrigin...

Access to XMLHttpRequest at ‘http://localhost:8000/v1/users/staffs/‘ from origin ‘http://loca 报错

sdsdvsdvs的博客

07-14

4070

Access to XMLHttpRequest at 'http://localhost:8000/v1/users/staffs/' 这个跨域异步请求访问django服务器 from origin 'http://localhost:8080' has been blocked by CORS policy: 从vue服务器已经被跨域策略阻止 Request header field author is not allowed 这个请求头部字段不被允许 by Access-Co

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中添加一个过滤器类来配置跨域请求。