【骚操作】本地html解决跨域问题

最新推荐文章于 2025-03-05 14:32:38 发布
最新推荐文章于 2025-03-05 14:32:38 发布
阅读量2k 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Ercyao/article/details/105842322
版权
本文介绍了一种解决原生HTML页面跨域问题的方法，通过在本地搭建IIS服务器，并使用Whistle进行代理，实现了跨域资源的有效访问。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

>因为就一个页面，所以使用原生html页面，没有用框架，但用惯了vue，当原生html出现跨域问题时候一脸懵逼，这时候想起大学学的搭建IIS服务器，于是便把本地文件放在本地服务器上，然后使用[whistle](https://www.jianshu.com/p/f700277faf7c)进行代理，最后访问http://47.112.124.234:7003/picture便可+-+

报错截图

本地文件放在IIS服务器

whistle代理


 

《Python全栈系列教程》专栏介绍及文章汇总
孤寒者的博客
05-12 71万+
《Python全栈系列教程》专栏介绍及文章汇总
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前端跨域问题的解决方案
weixin_41883890的博客
11-15 6462
来，我们解释一下：首先通过第一个script脚本注册一个函数f，那么这个函数自然就存在了，后面使用的脚本也能用f这个函数，这个道理和你用script引入一个jquery然后后面用 $ 开始一通操作是一样的道理。但是但是前端这个时候注册了一个f函数呀，所以就会执行这个f(‘你好’)，那么前端的数据也就请求回来了。首先是前端：使用ajax发送get请求，请求地址为http://127.0.0.1/api/get，由于前端页面使用file格式打开，所以在请求http协议的本机地址是会产生跨域问题。
解决跨域问题的这6种方案，真香！
最新发布
Z__7Gk的博客
03-05 1463
简单粗暴：开发环境用CORS注解。生产环境：优先Nginx/网关统一处理，避免每个服务配一遍。老项目兼容：JSONP勉强能用，但别长期依赖。实时场景：直接上WebSocket，顺便解决通信问题。安全第一尽量别写，白名单要用精确域名。最后提醒温馨提醒一下：跨域问题本质是浏览器行为，和HTTP协议无关。如果你用Postman，发送curl请求，测试没问题，但浏览器报错，别怀疑人生，这可能是前端的锅！
本地HTML图片跨域,本地HTML项目如何解决跨域？
weixin_39765100的博客
06-05 549
没有用框架 下面这样写报跨域了 请问怎么解决跨域风采*{padding: 0;margin: 0}.video{width: 100%;height: 300px;}video{width: 100%;height: 100%}window.onload=function(){axios({method: 'post',header: {'content-type': 'application/x...
html 跨域_整理前端最全跨域方案，工作面试不用愁（上）
weixin_39932330的博客
12-01 175
关于前端跨域这个老生长谈的问题，解决方案也是铺天盖地，但大家是否真正从原理上到实践已经完全掌握了呢？小郭今天将总结所有的跨域解决方案，让你在面试中收获满分。本文将从跨域场景到跨域方案逐一说明，重点突出最常用跨域方案，让你工作开发不用愁。由于本文涉及篇幅较长，因此分上下集讲述，力争把最全面的跨域问题分享给大家。概念广义跨域：一个域下的文档或脚本试图去请求另一个域下的资源，这被称作为广义上跨域。举例：...
在本地打开HTML网页时，可能会出现资源加载跨域的问题
qq_43509445的博客
04-20 3920
在本地打开HTML网页时，可能会出现资源加载跨域的问题
前端基础 | 浅谈前端跨域
Yoga的拙见
11-05 1759
@author YogaZheng 鉴于本人目前正处于前端基础知识学习阶段，本文仅是在阅读了网络上诸多相关文章后的一个总结，加上一点自己写的小例子，更多的是用于自己的个人积累。看到这篇文章的朋友，我更建议大家去阅读本文参考资料中的文章（均附有链接），可以对跨域问题有更深刻的理解。 目录 同源与跨域 同源 同源策略 跨域 Cookie跨子域共享 iframe跨域窗口通信 doc...
骚操作-优快云浏览器助手2.x已上线(不仅仅是个Chrome插件了...)
谦怀
06-03 5659
目录 一、概述 二、“个性化标签” 使用体验 1、自动换肤 2、个性化网站入口 3、增加自定义图标链接 4、“个性化标签” 使用感受 三、“一键万能框搜索” 使用体验 1、全局搜索 按键：任意网页下，按下字母【c】 2、仅搜索书签 按键：任意网页下，按下字母【b】 3、仅搜索标签页 按键：任意网页下，按下【shift+"t"】 4、“一键万能框搜索” 使用感受 四、“实用快捷工具” 使用体验 1、按字母“C”呼出万能框 2、鼠标右键也有快捷“优快云”搜索 3、“实用快捷工具.
html代码在线解析,VIP在线解析HTML源码（修改论坛的源码、加搜索功能）
weixin_42171208的博客
06-04 5369
本帖最后由 闷骚小贱男 于 2017-3-28 00:08 编辑今天有朋友问我要TX的VIP看视频来着，就给了他一个在线的网站，心想着自己也弄一个解析的吧。在论坛搜到一个源码传送门：看到有需要直接提交就能看的源码.....的确我也觉得楼主的按ALT有点麻烦，特今天修改了下。@悲歌一笑把txt格式换成html直接在本地就能使用下载：vip1.txt(4.14 KB, 下载次数: 133)2017-3...
基于springboot + vue 的个人博客搭建过程（新手村之外的世界依旧充满魅力）
RAXCL的博客
11-16 3824
目前博客项目经历重构后并成功上线，接下来记录优化部分。
html跨域访问
05-16
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 跨域_跨域方案总结
weixin_39866881的博客
11-29 5121
平时在开发中总是会遇到各种跨域问题，一直没有很好地了解其中的原理，以及其各种实现方案。今天在这好好总结一下。本文完整的源代码请猛戳xiangxingchen/blog​github.com博客，建议大家动手敲敲代码。1、什么是跨域？为什么会有跨域？一般来说，当一个请求url的协议、域名、端口三者之间任意一个与当前页面地址不同即为跨域。 之所以会跨域，是因为受到了同源策略的限制，同源策略要求源相同...
HTML——解决跨域
热门推荐
qq812457115的博客
05-28 1万+
1. 跨域 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的 2. 解决跨域的方式 1.通过jsonp跨域 2.document.domain + iframe跨域 3.location.hash + iframe 4.window.name + iframe跨域 5.postMessage跨域 6.跨域资源共享（CORS） 7.nginx代理跨域 8.nodejs中间件代理跨域 9.WebSocket协议跨域 2.1. 通过jsonp跨域 jsonp缺点：只能实现get一
解决html访问本地数据时出现的跨域问题
qq_41970098的博客
04-07 3592
问题： 由于现在有很多好用的网页可视化工具，经常需要加载本地的数据来进行绘制网页，但是直接使用ajax访问时会提示has been blocked by CORS policy.因此查询可用的方法。 解决办法： 1.使用jsonp解决跨域 （仅适用于GET请求） <script> 标签是不受同源策略的限制的，它可以载入任意地方的 JavaScript 文件，而并不要求同源。 所以 JSONP 的理念就是，我和服务端约定好一个函数名，当我请求文件的时候，服务端返回一段 JavaScript。这段
html 跨域_常见跨域解决方案以及Ocelot 跨域配置
weixin_39744512的博客
11-27 317
常见跨域解决方案以及Ocelot 跨域配置Intro我们在使用前后端分离的模式进行开发的时候，如果前端项目和api项目不是一个域名下往往会有跨域问题。今天来介绍一下我们在Ocelot网关配置的跨域。什么是跨域跨域:浏览器对于javascript的同源策略的限制,例如a.cn下面的js不能调用b.cn中的js,对象或数据(因为a.cn和b.cn是不同域),所以跨域就出现了.上面提到的,同域...
本地HTML访问后端获取数据使用@CrossOrigin仍出现跨域问题
munangs的博客
08-11 2124
本地HTML访问后端获取数据使用@CrossOrigin仍出现跨域问题
Vue - 在纯 HTML 普通项目中实现组件化，让原生 html 项目支持引入 *.vue 组件 / 组件与组件间的互相引用等，完美解决了引入组件出现的跨域问题（保姆级详细教程，完整示例源码及插件）
王佳斌
05-09 3223
html中使用vue组件，在HTML页面中引入vue组件，HTML界面利用http-vue-loader.js以组件方式引入vue文件，使用http-vue-loader引入组件出现报错，在html页面使用http-vue-loader插件引入组件报跨域错误，如何解决http-vue-loader引用组件时出现跨域问题，纯html原生web项目引入vue后如何实现组件引入，使用http-vue-loader插件控制台报错跨域，http-vue-loader跨域怎么办官方文档，html页面如何引入.vu
HTML：跨域
KaiSarH
02-27 3045
跨域
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值