解决本地浏览器运行项目是的跨域问题（Access to XMLHttpRequest at 'XXX' from origin 'http://localhost:XX' has been block

最新推荐文章于 2024-06-15 22:24:43 发布
最新推荐文章于 2024-06-15 22:24:43 发布
阅读量4.9w 收藏 58
点赞数 33
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38545763/article/details/103800676
版权

当遇到这个问题时不要慌，先发个朋。。（振作一点啊！）不，是先百度一下（正经脸）

  1. 原因 ，很明显是因为浏览器本身的同源策略的影响（别问，问就是百度）

  2. 解决方法有两种：

    1、坚决解决方法

    （1）、首先，复制浏览器图标（世界首帅出境！啊啊啊啊！）
    在这里插入图片描述
    （2）、将复制品改名后，右键点击【属性】，在已有字段后边加上这句话，–user-data-dir=“c:\ChromeDebug” --test-type --disable-web-security
    划重点！！！ --user-data前边有个空格！！
    （3）、点击【应用】后即可解决。
    在这里插入图片描述

    2、暂时解决方法（打开一个不限制跨域问题的浏览器，关掉就没的那种哦）

    （1）、找到你浏览器安装的位置
    （2）、打开命令行（win+R，输入cmd）
    （3）、cd 进去你的安装目录（以谷歌为例）
    在这里插入图片描述
    （4）输入一下语句：chrome.exe --disable-web-security --user-data-dir=C:\MyChromeUserFata
    回车即可自动打开一个浏览器
    在这里插入图片描述
    （5）、打开的浏览器有这个东西则说明打开成功！粗卡诶！
    在这里插入图片描述

自己的小小总结~~

一只前端阿米
关注
  • 33
    点赞
  • 踩
  • 58
    收藏
    觉得还不错? 一键收藏
  • 16
    评论
已解决：No 'Access-Control-Allow-Origin'跨域问题
08-19
主要介绍了已解决：No 'Access-Control-Allow-Origin' 跨域，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Access to XMLHttpRequest at ‘http://localhost:3000/getCoordinateByAddress‘ from origin ‘http://127.0
jacke121的专栏
05-06 266
Access to XMLHttpRequest at 'http://localhost:3000/getCoordinateByAddress' from origin 'http://127.0
Access to XMLHttpRequest at……问题出现时怎么办
最新发布
m0_68131226的博客
06-15 1071
有时浏览器会先发送一个预检请求（OPTIONS 请求）来检查服务器是否允许实际请求。如果预检请求失败，实际请求就会被阻止。确保后端正确处理 OPTIONS 请求。通过这些配置，可以解决 CORS 问题，并允许前端正确接收来自后端的 cookie。确保在后端正确配置 CORS 中间件，允许跨域请求并支持凭据传递。：如果你在开发环境中使用 HTTPS，需要确保。，这样可以发送和接收 cookie。在本地开发环境中，可以暂时设置为。：确保在 CORS 设置中的。确保在前端的请求中包含。与前端请求的地址一致。
解决前端跨域的问题.Access to XMLHttpRequest at http://xxx.xxx from origin 'http://localhost:8000' has been bl
热门推荐
我在深圳的这些日子的博客
04-24 15万+
1、前端浏览器报错如下： Access to XMLHttpRequest at http://xxx.xxx from origin 'http://localhost:8000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: Redirect i...
浏览器跨域的四种解决办法
柑橘乌云_
04-29 1522
主要是出于浏览器的同源策略限制，它是浏览器最核心也最基本的安全功能。当一个请求url的三者之间任意一个与当前页面url不同即为跨域。比如：例子1: https：//aaa.com 于 http://aaa.com 存在跨域例子2: 127.x.x.x:8080 于 127.x.x.x:8181 存在跨域例子3: https://aaa.com 于 https://bbb.com 存在跨域。
Acess to XMLHttpRequest at http://localhost:xx from origin http://localhost has been blocked
elfylin的专栏
04-22 2254
本机开启nodejsserver，在通过本地网页访问的时候，出现如上错误。
Access to XMLHttpRequest at ‘xxxx‘ from origin ‘http://localhost:63442‘ has been blocked by CORS pol
weixin_47142735的博客
07-09 1753
解决IDEA跨域报错
解决本地浏览器运行项目是的跨域问题（Access to XMLHttpRequest at ‘XXX‘ from origin ‘http://localhost:XX‘ has been block
专注后端开发
03-11 1681
解决本地浏览器运行项目是的跨域问题（Access to XMLHttpRequest at ‘XXX’ from origin ‘http://localhost:XX’ has been block
Access to XMLHttpRequest at ‘xxx‘ from origin ‘http://localhost:8082‘has been blocked by CORS policy
weixin_52015535的博客
12-23 749
前后端分离项目
ajax测试报错Access to XMLHttpRequest at '' from origin '' has been blocked by CORS policy: No 'Access-Co
icebns的博客
08-27 9210
报错全文：Access to XMLHttpRequest at 'http://localhost:8080/' 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 resou...
Access to XMLHttpRequest at ‘http://xxxx‘ from origin ‘http://xxxx‘ has been blocked by CORS policy
笑三年-Dylen
10-30 10万+
解决CORS跨域问题 今天做前后端分离的项目时, 前端向后台发送请求发现报错: Access to XMLHttpRequest at ‘http://localhost:8082/doLogin’ from origin ‘http://localhost:8080’ has been blocked by CORS policy: Response to preflight request doesn’t pass access control check: No ‘Access-Control-A
Access to XMLHttpRequest has been blocked by CORS policy
myyw001的博客
12-27 1269
has been blocked by CORS policy: The request client is not a secure context and the resource is in more-private address space `private`.
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 'xxx' from origin 'xxx' has been blocked by CORS policy: No 'Access-Cont
范范范国超的博客
10-24 6054
标题上写不上了，直接观看下面的截图。 1.现象 2.分析原因 屏幕前的你是不是也遇到了这样的问题？你知道为什么会出现这样的问题吗？就是因为跨域引起的问题。 还不知道什么是跨域？简单来讲：就是跨域不同的域名进行访问。由于在不同域名间访问的不安全性，所以有了跨域的诞生。 具体概念如下：只要协议、域名、端口有任何一个不同，都被当作是不同的域。为什么会产生跨域这个问题呢，要是随便引用外部文件，不...
解决Access to XMLHttpRequest at http:XXX from origin http:XXX has been blocked by CORS policy: No Acce
其实我十八，你呢？
11-08 1738
Access to XMLHttpRequest at http:XXX from origin http:XXX has been blocked by CORS policy: No Access-Control-Allow-Origin header is present on the requested reso 在使用AJAX的时候，如果出现这种报错的时候，可以把编译工具重启一下试试，我弄了半天重启下Vscode就可以了 ...
uni-app--跨域解决方法
weixin_43452154的博客
07-29 2万+
同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的。所谓同源（即指在同一个域）就是两个页面具有相同的协议（protocol），主机（host）和端口号（port）介绍例如当请求连接地址含有/list时，会将域名请求。1、在根目录下创建vue.config.js文件。2、vue.config.js在文件中写入。...
解决跨域：“Access to XMLHttpRequest at ‘http127.0.0.18081‘ from origin ‘httplocalhost8080‘“
m0_61083409的博客
03-10 2949
在使用 vue 过程中经常会向服务器请求数据，但是时常会发生跨域的错误，具体什么是“跨域”请自行百度，这里说明一下怎么解决这个问题。 1、在 vue.config.js 文件中配置如下操作： 2、在 main.js 中修改baseURL 3、在服务器中配置允许跨域 ...
p://localhost:8080/api/login‘ from origin ‘http://localhost:8081‘ has been blocked by CORS policy: R
weixin_62925742的博客
05-31 364
经过检查是，ip地址那显示不对。vue和后端都有配置，但是还是报跨域问题。检查后端发现没报错，那就是前端问题。
Access to XMLHttpRequest at ‘http://localhost:3000/xxx‘ from origin ‘xxxx‘ has been blocked by COR
qq_40890601的博客
10-16 6694
在本地使用node写的接口，使用postman可以正常访问，可是在vue项目中使用axios访问时出现跨域问题。 只需让res返回数据时 加上 res.header('Access-Control-Allow-Origin', '*'); 即可
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中添加一个过滤器类来配置跨域请求。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值