静态HTML页面直接在浏览器打开，js操作出现跨域问题

最新推荐文章于 2023-04-20 10:48:10 发布
最新推荐文章于 2023-04-20 10:48:10 发布
阅读量2.1k 收藏
点赞数
文章标签： javascript intellij idea
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/why_book/article/details/106595431
版权

环境

谷歌浏览器

解决方式

Chrome快捷图标，右键 -> 目标，在末尾加上–disable-web-security重启浏览器。
别忘了加空格

可能会出现修改后第一次有效，刷新页面后再次出现跨域。我的原因是Chrome浏览器提示翻译的影响，关闭后解决。

why_有狗叫
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html跨域访问
kerryqpw的博客
06-04 1343
html跨域访问
jquery 跨域访问问题解决方法(笔记)
12-02
这两天需要实现三级域名直接url rewrite到网站静态页面，如 http://123.456.789.com/ UrlRewrite到http://www.789.com/news/123.html 说到这里，也许和js跨域访问没有半点关系，在脑海里排列这的问题都是和UrlRewrite相关的。好吧现在URLRewrite一切就绪，直接在浏览器地址栏中输入http://123.456.789.com/ 会发现，这个在地址栏直接通过http://www.789.com/news/123.html来访问的页面出现了异常，网页上的图片和样式还有JS好像都失去了作用。 看看两个地址栏中的URL，
Nginx映射本地静态资源时，浏览器提示跨域问题解决
BADAO_LIUMANG_QIZHI的博客
11-27 1416
场景 本地html中请求磁盘中的静态资源文件，可以使用Nginx做静态资源映射， 可以将本地磁盘文件映射为网络url。可是由于浏览器的跨域机制会提示： from orihin 'null' has been blocked by CROS policy: Cross origin requersts are only supported for.... 注： 博客：BADAO_LIUMANG_QIZHI的博客_霸道流氓气质_CSDN博客-C#,SpringBoot,架构之路领域博主.
html文件引用本地js文件出现跨域问题的解决方案
grfstc的博客
03-30 3359
在本地做个小demo，很简单，一个html文件，一个js文件，在html文件中通过<script>标签引入js，但是无法渲染。 　　一番折腾后，终于弄明白了：加载js文件时使用了file协议，该协议会导致跨域，而使用htpp、https等协议时则没有跨域问题。而使用file协议则是因为在浏览器中查看html文件时没有起服务！平时使用webstorm时会自动起服务，所以没有注意到这个问题。 　　解决方法是安装anywhere npm包，在命令行中执行命令 $ anywhere即可启动.
在本地打开HTML网页时，可能会出现资源加载跨域的问题
qq_43509445的博客
04-20 2686
在本地打开HTML网页时，可能会出现资源加载跨域的问题
html静态页面，实现跨域访问
05-16
请用google浏览器打开，页面百分比缩小到百分之三十再访问。 1、 请在服务器上部署附件war 2、 将【两个工程.zip】压缩包中的webChart.war和jdbc2json.war上传至apache-tomcat-8.0.33/webapps下 3、 启动tomcat，~/apache-tomcat-8.0.33/bin/start.sh
html文件引入本地js出现跨域
chaosama的博客
03-17 1837
简单来说其实就是浏览器加载js文件时使用了file协议，而浏览器只相信来自http或者https的，所以才会出现这种跨域问题 简单来说如果把该文件丢到一个微型web服务器里面就不会有这种问题，你可以node就有很简单的模型 当然，怕麻烦的可以直接下载webstorm，右键该html直接run也是OK的，默认等同一个微型web服务 ...
静态页面调试JS出现跨域问题
weixin_43835827的博客
07-14 536
在chrome浏览器或者firefox浏览器里，由于安全限制的原因，本地调试JS，如果不配服务器环境而直接打开页面，那所有的AJAX操作会抛出下面错误： XMLHttpRequest cannot load file:///D:/file.html. Origin null is not allowed by Access-Control-Allow-Origin. Origin null is not allowed by Access-Control-Allow-Origin. 的意思就是由于安全原
phonegap+HTML5完全静态页面跨域与服务器进行交互的方法
徐文志程序猿
04-11 4229
由于在帮助实践与创新中心的伙伴们完成他们的chuan
javascript使用链接跨域下载图片
12-13
跨域会暴露自己的隐私，浏览器对跨域请求进行了限制，故需要设置crossOrigin为anonymous来允许跨域，浏览器会为这张图片的请求头附带Origin信息，告诉静态资源服务器，请在响应头中附带Access-Control-Allow-Methods...
dev-server:前端本地页面自动刷新，跨域请求
05-08
git clone [email protected]:olivianate/dev-server.gitnpm installnpm run startconfig src/abc.json参数名默认值说明port3000本地服务端口open使用默认浏览器访问页面root本地文件proxy跨域请求
Flask配置Cors跨域的实现
01-20
跨域是指：浏览器A从服务器B获取的静态资源，包括Html、Css、Js，然后在Js中通过Ajax访问C服务器的静态资源或请求。即：浏览器A从B服务器拿的资源，资源中想访问服务器C的资源。 同源策略是指：浏览器A从服务器B获取...
白帽子讲浏览器安全.钱文祥(带详细书签).pdf
03-08
浏览器是重要的互联网入口，一旦受到漏洞攻击，将直接影响到用户的信息安全。作为攻击者有哪些攻击思路，作为用户有哪些应对手段？在本书中我们将给出解答，带你了解浏览器安全的方方面面。本书兼顾攻击者、研究者和...
浅谈CORS跨域问题
小小郭
11-24 932
前言 在web开发中，有时会遇到如下错误： Access to XMLHttpRequest has been blocked by cors policy 这个错误经常出现在新项目刚开始的时候，处理的方式一般有两种： 1. 在浏览器上装个跨域插件或跑个本地代理，适用于本地调试。 2. 调整服务端配置，从根本上解决。 这是个老生常谈的跨域问题，今天我们来重新认识一下。 什么是跨域 一个URL的组成可以简化为四部分：协议，域名，端口号，路径。 格式为：协议://域名:端口号/路径。 比如地址: http
HTML：跨域
KaiSarH
02-27 2551
跨域
跨域问题及html引用JavaScript脚本问题
tianyexing2008的博客
12-16 2124
loginbtn 没有定义，这个是一个函数，是我定义在js文件的函数，这个函数绑定到了 “登录” 按钮的 onclick 事件上，我的目的就是点击 “登录” 的时候，向服务器 POST 操作。直接在本地执行是不对的，肯定会出现跨域问题，真是第一次搞这个前端开发，啥也不懂啊，网上搜索了一番，需要从服务器返回一个 html 的文件，然后浏览器解析后再进行操作的。所以还是服务端程序的问题。浏览器来请求 login.js 的时候，服务器却应答了 “data”:"test" 的内容。这样才能接着往下添加新的功能了。
html 跨域_常见跨域解决方案以及Ocelot 跨域配置
weixin_39744512的博客
11-27 257
常见跨域解决方案以及Ocelot 跨域配置Intro我们在使用前后端分离的模式进行开发的时候，如果前端项目和api项目不是一个域名下往往会有跨域问题。今天来介绍一下我们在Ocelot网关配置的跨域。什么是跨域跨域:浏览器对于javascript的同源策略的限制,例如a.cn下面的js不能调用b.cn中的js,对象或数据(因为a.cn和b.cn是不同域),所以跨域就出现了.上面提到的,同域...
html页面怎么解决跨域问题,前端web开发html如何避免js的跨域访问
weixin_39595271的博客
06-04 1084
今天开发几个页面，但是页面中调用了线上的一些http接口进行渲染页面，因为跨域问题，但是又不想弄成jsonp方式，因此弄个apache http server来折腾。这个只适用于linux1.从apache下载apache httpd2.下载安装后打开安装目录下conf文件夹的httpd.conf配置文件进行修改3.首先修改Listen端口比如为8081，修改之后保存(因为可能默认的80端口被占用...
nodejs 跨域请求接口
最新发布
07-30
Node.js可以通过中间层来实现跨域请求接口。一种常见的做法是使用Node.js的代理功能，将前端的请求转发到真实的请求地址。这样可以绕过浏览器的同源策略限制。具体实现方式有多种，可以使用Nginx反向代理，也可以使用Node.js自带的http模块或者一些第三方库来实现。 在前后端分离的项目中，可以通过配置webpack-dev-server来解决跨域问题。webpack-dev-server可以作为一个本地开发服务器，同时也可以配置代理来转发请求。这样前端在本地开发时，可以通过代理将请求发送到真实的接口地址，解决跨域问题。[2] 另外，要理解Node层为什么能实现跨域，需要明白跨域问题是浏览器的同源策略引起的，而服务器之间是不存在跨域问题的。Node中间层可以将前端资源请求转发到真实的请求地址，绕过同源策略的限制。通过将静态文件和Node中间层放在同一个域下，前端资源和Node层的通信不会受同源策略影响。然后，通过中间层将请求转发到真实的接口地址，并将返回的数据传递给前端，实现跨域请求接口的操作。[3] 总结起来，Node.js可以通过中间层来实现跨域请求接口，可以使用代理功能或者其他方式将前端的请求转发到真实的接口地址，绕过浏览器的同源策略限制。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值