为什么本地HTML、JS、JSON文件会出现跨域问题？-运维笔记-李洋博客
温馨提示：这篇文章已超过67天没有更新，请注意相关的内容是否还可用！
跨域问题的本质是浏览器的 同源策略（Same-Origin Policy） 限制。即使文件都在本地，以下情况也会触发跨域：
1. 文件协议不同（核心原因）
当直接用浏览器打开本地 HTML（file:///C:/project/index.html）时，源（Origin）会被视为 null。
如果此 HTML 中的 JS 尝试通过 fetch 或 XMLHttpRequest 加载同目录的 JSON 文件（file:///C:/project/data.json），浏览器会判定为跨域请求（源 null → file:// 协议），导致失败。
即使协议相同，如果 HTML 文件和 JSON 文件的目录路径不同（例如：file:///C:/project1/index.html 和 file:///C:/project2/data.json），也会触发跨域。
浏览器禁止从 file://协议发起网络请求（包括本地 JSON），因为本地文件可能包含敏感信息，同源策略会阻止 JS 随意读取它们。
通过工具启动一个本地 HTTP 服务器，使所有文件通过 http://localhost 协议访问：
npx http-Server -p 5500 # 安装后访问 http://localhost:5500
Python 内置服务器：
python -m http.server 5500 # 访问 http://localhost:5500
⚠️ 临时绕过（仅开发环境）
通过浏览器启动参数禁用安全策略：
// 在 http://localhost:5500 下运行的 HTML 文件fetch('data.json') .then(response => response.json()) .then(data => console.log(data));
关键结论
浏览器同源策略不会因为文件在本地就放宽限制。本地开发务必使用 HTTP 服务器（如 http-server 或 Live Server），这是最安全、规范的解决方案。直接双击打开 HTML 文件必然触发跨域问题。
IT老李提供个人和企业网站建设、网站运维、定制Z-Blogphp主题模板等技术服务以及SEO排名优化的原创独立博客网站（网址:www.itlaoli.com）
本文地址： https://www.earthnavs.com/jishuwz/6f0663ec2cf96eaaaa94.html
黑客街一家做网络安全爱好者导航的web安全网站！专注Hack站点收集,为广大网络安全爱好者提供网站导航,为小白提供黑客入门网站的安全站点收集
《甜虾剧场》是一款能让您在电脑端看短视频的休闲产品。你可以看到世界各地奇妙有趣的瞬间，享受工作和生活中的每一刻精彩！
腾讯云活动汇聚了腾讯云最新的促销打折、优惠折扣等信息，你在这里可以找到云服务器、域名、数据库、小程序等等多种不同产品的促销活动，还有各种产品的免费试用哦。
全面、及时的新闻报道，Google新闻为您汇集来自世界各地的新闻来源。
ARISTA456adalahsitusslotyanglagingeri,dimanadalam1xspinpemainbisalangsungWD12jutarasakankeseruandankeuntunganluarbiasahanyadiARISTA456.
Steamistheultimatedestinationforplaying,discussing,andcreatinggames.
中华网新闻频道提供热点突发、深度报道、国内新闻、国际新闻、社会新闻、专题报道、时事评论、图片报道、军事、历史等全面且即时有深度的资讯内容。
中国主要重点新闻网站,依托新华社遍布全球的采编网络,记者遍布世界100多个国家和地区,地方频道分布全国31个省市自治区,每天24小时同时使用6种语言滚动发稿,权威、准确、及时播发国内外重要新闻和重大突发事件,受众覆盖200多个国家和地区,发展论坛是全球知名的中文论坛。
合肥普诺邦低温技术有限公司是一家致力于低温管道设计、研发、安装、维修及技术服务、氦气、液氮、液氩、液氦、液氧、高纯氮气、高纯氩气、高纯氧气、高纯二氧化碳、丙烷、混合气及各种高纯气体、稀有气体及各种多元混合气体生产的标准化公司
【简数采集器】是免费的、在线的网页文章采集器工具软件，功能强大，操作简单，支持AI写作和AI处理数据。云采集无需下载软件，浏览器直接登录使用；不用手写规则(智能识别+点选生成)；可发送到CMS网站、数据库，导出Excel等。网页文章采集抓取工具软件首选。
QQ空间(Qzone)是拥有数亿用户的社交网络，是QQ用户的网上家园，是腾讯集团的核心平台之一。您可以玩游戏、玩装扮、上传照片、写说说、写日志，黄钻贵族还可以免费换装并拥有多种特权。QQ空间同时致力于建设腾讯开放平台，和第三方开发商、创业者一起为亿万中国网民提供卓越的、个性化的社交服务。
牛蛙资源网,每天准时更新全网精品资源免费分享平台,专注网络活动线报,技术教程,自学教程,网站源码,技术导航,绿色资源,包括绿色软件资源,办公资源,游戏图文攻略资源等,聚集了全网资源,技术,教程,分享平台！
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
适用对象各种驾校的组织架构，比如：品牌连锁驾校、总校及多级分校及更加复杂驾校体系。能为相关从业人员提供优质的服务，进一步加强驾校信息化建设，方便驾校，教练，学员在车辆驾驶培训中的快捷高效。驾校培训管理系统打破传统驾...
一块全新的数据盘挂载到云服务器后，还不能直接存储数据，您需要对数据盘进行分区创建、文件系统挂载等初始化操作后，才可以正常使用。本文介绍初始化数据盘的操作场景、操作指导和分区格式。系统盘创建云服务器时，系统盘会被自动初始化，默认磁盘分区形式为主启动记录分区（MBR,Masterbootrecord）。创建云服务器时，系统盘会被自动初始
当您发现云服务器的运行速度变慢或云服务器突然出现网络断开现象，则可能是由以下原因导致的：云服务器使用共享资源型实例。由于共享型资源实例是多实例共享CPU，当资源不足时，实例间可能出现CPU资源争抢，导致云服务器卡顿。云服务器的带宽和CPU使用率过高。如果您已经通过云监控服务创建过告警任务，当CPU或带宽利用率高时，系统会自动发送告警给您。
如果在创建弹性云服务器时未设置密码，或密码丢失、过期，可以参考本节操作重置密码。ECS支持如下重置密码方式：在线重置密码离线重置密码在线重置密码离线重置密码在线重置密码已开通并授权COC服务，详细内容，请参见开通云运维中心。对于IAM用户，已配置COC资源操作类权限，详细内容，请参见配置ECS自助运维自定义策略。已安装UniAgent，详
在使用Zblog搭建的网站中，有时会遇到在文章里插入的Emoji表情包，在前台文章显示时变成了问号的情况。这不仅影响了文章的美观度，也可能降低用户体验。下面为大家介绍该问题的解决办法。出现这种问题的原因是Z...
【软件名称】：哪吒佳速器【软件版本】：3.5.1【软件大小】：118.97M【适用平台】：安卓【软件介绍】：哪吒佳速器是专为手游玩家打造的专业佳速器，利用最新一代智能网络佳速技术，搭配电竞级专线与双通...
composer默认配置中的镜像地址为国外的，在下载一些依赖包的时候会感觉很慢。当然国内也有很多composer镜像地址的，比如阿里云，腾讯云等。下面的博文73so博客就和大家说
在html网页中字体或一些元素的背景色都是以16进制或rbg来表示，而php中可以通过一些自定义的函数来将16进制的颜色转为rgb或使用rgb转为十六进制，下面是具体的操作方法。p
做了一个web页面图片处理的小工具，由于图片的处理是以base64格式进行，在将图片保存下载到本地时，就需要使用JS将base64的图片转换为普通图片并下载到本地，下面是使用方法。
做了一个web页面图片处理的小工具，由于图片的处理是以base64格式进行，在将图片保存下载到本地时，就需要使用JS将base64的图片转换为普通图片并下载到本地，下面是使用方法。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。