解决浏览器运行本地项目的跨域问题

最新推荐文章于 2024-04-26 15:38:31 发布
最新推荐文章于 2024-04-26 15:38:31 发布
阅读量3.6k 收藏 9
点赞数 5
分类专栏： 遇到的问题 web前端 文章标签： web html5 json ajax跨域问题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45538657/article/details/116141313
版权

解决浏览器运行本地项目的跨域问题

报错信息

test01.html:1 Access to XMLHttpRequest at ‘http://localhost:9001/test01/str’ from origin ‘null’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

报错原因

	XMLHttpRequest 同源策略：禁止使用 XHR 对象向不同源的服务器地址发起 HTTP 请求。
	导致了浏览器有跨域的限制

(博客园)浏览器同源策略及跨域的解决方法

暂时性解决方法

  • 关闭浏览器的安全策略

因为只是测试一下接口，所以只需要暂时地解决即可

Focus this

  1. 进入浏览器 （以Chrome为例）.exe文件 所在的文件夹。(位置可通过 在桌面快捷方式右键打开属性查看)

01

  1. 进入 cmd
    02

03

  1. 输入

chrome.exe --disable-web-security --user-data-dir=D:\MyChromeUserFata

直接复制即可，如有错误，请检查一下是否输入空格过多或欠缺

04

  1. 回车
  2. 显示以下浏览器即为成功

05

  1. 在浏览器地址栏输入绝对路径打开自己编写的html文件，或者把html文件拖拽到浏览器窗口即可打开

06

利用 .bat 简化打开步骤

  1. 在
最低0.47元/天 解锁文章
Quantum_Wu
关注
  • 5
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
专栏目录
文件读取 跨域问题
叶落挽枫的博客
10-26 2424
这种情况比如，载体文件在自己的服务器，文件存放在第三方服务器， 域名区分: 自己的服务器 xxx.abc.com  ,第三方的服务器 xxx.123.com 这时候 是肯定跨域的 crossdomain.xml 都不管用， 因为  文件 载体 在自己这 ，据说 还可以用CSRF 的方式 ，本人没研究 ，不记载了 比如 我现在在做的 用pdf.js 在线显示pdf文件  ，pdf.j
nodejs搭建本地服务器轻松解决跨域问题
10-18
在本文中，我们将深入探讨如何使用Node.js搭建本地服务器来轻松解决跨域问题。跨域问题通常发生在浏览器的安全策略之下，限制了JavaScript从一个源（协议+域名+端口）发送Ajax请求到另一个源。然而，开发过程中经常...
浏览器的跨域问题以及解决方案
u013084331的博客
04-10 4万+
1、为什么会有跨域问题的存在？   JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象，即同源政策。 2、什么是同源？   1995年，同源政策由 Netscape 公司引入浏览器。目前，所有浏览器都实行这个政策。   最初，它的含义是指，A网页设置的 Cookie，B网页不能打开，除非这两个网页"同源"。所谓"同源"指的是"三个相同"。   （1）、协议相同
谷歌浏览器设置跨域
weixin_30251829的博客
04-28 1131
1、右击桌面的Chrome浏览器快捷方式，选择打开属性; 2在“快捷方式”选项卡中，找到“目标”一栏，在最后面加上 --disable-web-security，注意--args前面有一个空格; 我本地路径如下复制的两个不同路径的快捷方式桌面显示 或者"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --disab...
解决跨域问题（从浏览器读取本地文件）from origin ‘null‘ has been blocked by CORS policy
最新发布
m0_62172798的博客
04-26 1464
在学习d3.js的过程中，通过d3.csv()读取本地csv文件的过程中出现了跨域错误，错误如下：Access to fetch at 'file:///D:/%E5%AD%A6%E4%B9%A0%E8%B5%84%E6%96%99%EF%BC%88%E7%A1%95%EF%BC%89/htmlcssjsvue/code/d3.js/data222.csv' from origin 'null' has been blocked by CORS policy: Cross origin requests a
浏览器跨域问题
weixin_34174132的博客
03-06 54
1)、你写Ajax的是页面一，而请求的是页面二，在页面二里面写header("Access-Control-Allow-Origin：*");即可。//“*”号表示允许任何域向我们的服务端提交请求：//也可以设置指定的域名，如域名 http://www.test2.com ，//那么就允许来自这个域名的请求： header("Access-Control-Allow-Origin：http://w...
IE跨域访问问题
weixin_30501857的博客
01-14 105
可能出现的症状： 1、跨域无法登录。 2、同一页面请求同一域名SESSION无法获取。（SESSION_ID一直在变） 一般情况下在方法前加上以下代码： header("P3P: CP=CURa ADMa DEVa PSAo PSDo OUR BUS UNI PUR INT DEM STA PRE COM NAV OTC NOI DSP COR"); 即可解决。 转载于:http...
Chrome浏览器跨域问题
zhoulu001的专栏
01-08 857
最近在做一个移动web的项目，从git中得到源代码后，在Chrome中运行，出现如下错误： 但诡异的是在Firefox中却可以。原来使用Chrome跨域的话需要进行设置。     打开chrome快捷方式的属性，在Target中增加如下语句： --allow-file-access-from-files即可。
前端跨域问题的解决方案Access to XMLHttpRequest at ‘http..’ from origin ‘null‘ has been blocked by CORS policy
热门推荐
weixin_40756509的博客
03-25 26万+
前言： 在前端发出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
解决vue+webpack项目接口跨域出现的问题
10-14
通过上述配置，Vue+Webpack项目中的接口跨域问题和打包后的404问题基本可以得到解决。记得在生产环境中，还需要在服务器端设置CORS（Cross-Origin Resource Sharing）策略，以允许来自不同源的请求。对于开发环境，`...
前后端分离跨域问题
01-07
跨域问题来源于浏览器的同源策略。客户端和服务端不同IP不同端口都算跨域。 springboot解决跨域有cros,配置就是那几项。 如果把服务端程序部署在nginx上，在nginx 也可以解决，服务端和nginx只用写一个即可， ...
新版vue-cli模板下本地开发环境使用node服务器跨域的方法
08-27
在新版Vue-cli模板下，本地开发环境中使用Node服务器跨域是一种常见的解决方案。为了解决浏览器的同源策略限制，本文将为大家介绍一种使用Node服务器跨域的方法。 一、浏览器的同源策略 浏览器有一个核心安全功能...
Unity WebGL本地运行测试的 web配置文件 webconfig
06-28
正常打包WebGL后在浏览器直接运行会报...无法打开本地链接，需把网页发布成可打开的网址放在服务器上，其实就是一个跨域的问题。我们通过部署IIS服务把本机当做服务器，配置到打包后的路径就能正常在本地浏览器打开运行
SpringBoot—CORS跨域问题详解和解决方案
Andya_net的博客
08-31 1935
关注微信公众号：CodingTechWork，一起学习进步。 引言   在前后端开发过程中，遇到过一种错误，类似于报错： Access to XMLHttpRequest at 'http://127.0.0.1:8080/' from origin 'null' has been blocked by CORS policy! No 'Access-Control-Allow-Origin' header is present on the requested resource. 亦或是 XMLHtt.
Access to XMLHttpRequest at ‘ ‘ from origin ‘null‘ has been blocked by CORS policy问题解决
weixin_45510031的博客
04-18 2890
最大意的一种情况（本人就是这种，突然脑子断根弦），打开方式有问题。spring boot内嵌了tomcat，所以打开html文件的方式不能和servlet一样（servlet需要手动部署到tomcat目录下），不能直接去点击需要打开的html文件，而是。举个栗子：127.0.0.1:8080/login.html。但是试了好多都不行，在vscode下载了。语句是否正确，如果sql语句有问题也会出现该种情况。网上有很多关于此问题的解决方案，像。插件试了解决跨域问题仍然没有解决。
The ‘Access-Control-Allow-Origin‘ header contains multiple values ‘null, *‘, but only one is allowed
huang_cheng_zhi的博客
06-08 977
但是还有半个小时就要给客户演示.嗯。因为java用的框架的原因不好解决。因为明明后端已经处理了跨域，但是浏览器还是报跨域问题。报错重点：报错信息最后一句 : but only on is allowed。猜测：服务端给了两个Access-Control-Allow-Origin。查看了nginx配置，只有一个proxy_pass ******.com。1、java 和nginx 同时处理了跨域。确定了是java处理了多次跨域。能确定后端已经处理过跨域了的。2、java 处理了多次跨域。
import/export实验-from origin ‘null‘ has been blocked by CORS policy:
xie__jin__cheng的博客
10-11 5015
1.问题 Access to script at 'file:///D:/java/tomcat8-ac/webapps/web1/imt.js' 访问'file:///D:/java/tomcat8-ac/webapps/web1/imt.js' from origin 'null' has been blocked by CORS policy: 从原点“null”已被CORS策略阻止: Cross origin requests are only supported for protoc.
from origin ‘http://localhost‘ has been blocked by CORS policy 跨域问题
Ryan_black的博客
12-17 5万+
前后端环境搭好之后测试了一下登录,出了这个毛病,但是上面显示的CORS 我就知道,跨域问题来了. 这个CORS，是一个W3C标准，全称是"跨域资源共享"（Cross-origin resource sharing）需要浏览器和服务器同时支持。 所有浏览器都支持该功能。 服务器的话需要单独配置使用 @CrossOrigin 或 全局配置类 这个@CrossOrigin需要配置在控制器类上 这个全...
跨域问题解决办法 (has been blocked by CORS policy:Response……) 原因及解决办法
轻风细雨_林木木
03-20 3万+
参考：https://www.cnblogs.com/wyw0905/p/14990707.html 前端报错 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. 什么是CORS CORS全称是跨域资源共.
uniapp 运行到浏览器 如何解决跨域问题
05-01
在将 Uniapp 应用运行到浏览器时，由于浏览器的同源策略，可能会遇到跨域问题。那么如何解决呢？以下是几种可能的解决方案。 1. 在后台设置跨域请求头。如果 Uniapp 应用需要访问后台接口，可以在后台服务器上设置...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Quantum_Wu

一起加油呀ヾ(◍°∇°◍)ﾉﾞ

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值