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

最新推荐文章于 2024-03-21 09:16:47 发布
最新推荐文章于 2024-03-21 09:16:47 发布
阅读量2.4k 收藏 1
点赞数 3
分类专栏： js 文章标签： http chrome 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CSDNsunyue/article/details/122317750
版权

声明一下：搬运其他博主，自己学习的，谢谢！
在这里插入图片描述
原因 ，很明显是因为浏览器本身的同源策略的影响（别问，问就是百度）

解决方法有两种：

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
回车即可自动打开一个浏览器
在这里插入图片描述

fanwan-7
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Nginx跨域设置Access-Control-Allow-Origin无效的解决办法
09-30
今天小编就为大家分享一篇关于Nginx跨域设置Access-Control-Allow-Origin无效的解决办法，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
已解决：No 'Access-Control-Allow-Origin'跨域问题
08-19
主要介绍了已解决：No 'Access-Control-Allow-Origin' 跨域，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
解决本地浏览器运行项目是的跨域问题（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...
Acess to XMLHttpRequest at http://localhost:xx from origin http://localhost has been blocked
elfylin的专栏
04-22 2159
本机开启nodejsserver，在通过本地网页访问的时候，出现如上错误。
控制台报错Access to XMLHttpRequest at ‘http://‘ from origin ‘http://‘ has been blocked by CORS policy
最新发布
lph159的博客
03-21 2625
期初我是在写前端代码进行调试，其中用到了axios，打开控制台一直在报上面的错误，以为是跨域的问题，所以一直针对跨域问题进行调试，但是还是解决不了，后来发现我的前端代码有些小错误，axios的method后面是没有s的（我写成了methods），修正之后还是解决不了。在解决跨域问题的时候引入了一些其他依赖，我把依赖去除，问题解决了...绷不住了啊。依赖添加多了会出问题，我针对跨域去解决问题的时候，添加了如下依赖，导致控制台出错。axios的method不带s，所以一定要细心。这个问题，纠缠了我很久。
Access to XMLHttpRequest at ‘xxx‘ from origin ‘http://localhost:8082‘has been blocked by CORS policy
weixin_52015535的博客
12-23 747
前后端分离项目
Access to XMLHttpRequest at 'xxx' from origin 'xxx' has been blocked by CORS policy: No 'Access-Cont
范范范国超的博客
10-24 6014
标题上写不上了，直接观看下面的截图。 1.现象 2.分析原因 屏幕前的你是不是也遇到了这样的问题？你知道为什么会出现这样的问题吗？就是因为跨域引起的问题。 还不知道什么是跨域？简单来讲：就是跨域不同的域名进行访问。由于在不同域名间访问的不安全性，所以有了跨域的诞生。 具体概念如下：只要协议、域名、端口有任何一个不同，都被当作是不同的域。为什么会产生跨域这个问题呢，要是随便引用外部文件，不...
nodejs搭建本地服务器轻松解决跨域问题
10-18
在本文中，我们将深入探讨如何使用Node.js搭建本地服务器来轻松解决跨域问题。跨域问题通常发生在浏览器的安全策略之下，限制了JavaScript从一个源（协议+域名+端口）发送Ajax请求到另一个源。然而，开发过程中经常...
Access to XMLHttpRequest at ‘xxxx‘ from origin ‘http://localhost:63442‘ has been blocked by CORS pol
weixin_47142735的博客
07-09 1729
解决IDEA跨域报错
解决Access to XMLHttpRequest at http:XXX from origin http:XXX has been blocked by CORS policy: No Acce
其实我十八，你呢？
11-08 1721
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就可以了 ...
解决跨域：“Access to XMLHttpRequest at ‘http127.0.0.18081‘ from origin ‘httplocalhost8080‘“
m0_61083409的博客
03-10 2931
在使用 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 342
经过检查是，ip地址那显示不对。vue和后端都有配置，但是还是报跨域问题。检查后端发现没报错，那就是前端问题。
解决前端跨域的问题.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...
Access to XMLHttpRequest at ‘http://localhost:3000/xxx‘ from origin ‘xxxx‘ has been blocked by COR
qq_40890601的博客
10-16 6683
在本地使用node写的接口，使用postman可以正常访问，可是在vue项目中使用axios访问时出现跨域问题。 只需让res返回数据时 加上 res.header('Access-Control-Allow-Origin', '*'); 即可
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 ‘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
bug：Acess to XMLHttpRequest at ‘localhost:8080/test‘ from origin ‘http://localhost:8081‘ has been b
weixin_44107140的博客
04-23 3318
当你在浏览器控制台遇到下面的报错： Access to XMLHttpRequest at ‘localhost:8080/test’ from origin ‘http://localhost:8081’ has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, edge, https, chrome-untru
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(...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值