为什么本地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/f45b5c3671eb5e1a4bc7.html
跨境王WhatsApp群成员采集软件，可以根据关键词采集WhatsApp群组链接,并且提取出WhatsApp群成员手机号码
该站点未添加描述description...
百度贴吧——全球领先的中文社区。贴吧的使命是让志同道合的人相聚。不论是大众话题还是小众话题，都能精准地聚集大批同好网友，展示自我风采，结交知音，搭建别具特色的“兴趣主题“互动平台。贴吧目录涵盖游戏、地区、文学、动漫、娱乐明星、生活、体育、电脑数码等方方面面，是全球领先的中文交流平台，它为人们提供一个表达和交流思想的自由网络空间，并以此汇集志同道合的网友。
YHOST分销系统全网首发EP分销系统，杜绝服务器安秘钥泄露，集成化管理，通过简单的配置后即可开始你的分销之旅！
ResellerClub-域名主机提供商，19年行业经验，专业提供域名注册，虚拟主机，云虚拟主机，独立服务器，VPS主机，企业邮局，自助建站，SSL数字证书，网站安全备份等产品。全球域名注册商前十强，200,000家域名主机商的第一选择！
该站点未添加描述description...
山东欣烨生物科技有限公司集科研，生产，销售对苯二酚,异戊烯醛,异戊烯醇321,防黄剂,丁酰肼原药,固体甲醇钠,甲醇钠溶液,乙醇钠溶液,丁酰肼原药,甲醇钠溶液,乙醇钠溶液,异戊烯醇,3-甲基-2-丁烯醇,异佛尔酮,无水叔丁醇,2-氨基-5-溴苯甲酸,异戊烯醛，酚醛树脂等产品。
全人工编辑的开放式网站分类目录，收录国内外、各行业优秀网站，旨在为用户提供网站分类目录检索、优秀网站参考、网站推广服务。
建链网分类目录，为广大草根站长提供最专业的网站快审服务，永久收录网站导航，开放式网站分类目录平台，网站目录免费收国内外各行业优秀网站，永久收录和永久锚文本让您的网站在各大搜索引擎收录快、排名靠前的高权重综合性网站目录平台。
大老表资源网欢迎您！大老表每天都会准时更新！专注分享各种免费实用的QQ资源技术教程。大表哥每日亲自审核最新活动资讯、网络趣事、以及各种好玩的软件工具等、记得每天都要访问一下我们的网站、让宅男的生活更加精彩！
其它网游是当易网小编整理的各种手游周边软件，如手游辅助、攻略、修改器、助手、盒子等等，让玩家轻松玩游戏最重要工具，欢迎下载。
当易网为玩家们提供最新的手机单机格斗游戏，最全的单机格斗手游大全，为您精心推荐最好玩的手机单机格斗游戏下载，请关注当易网单机格斗手游大全。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
云审计服务能够为您提供云服务资源的操作记录，记录的信息包括发起操作的用户身份、IP地址、具体的操作内容的信息，以及操作返回的响应信息。根据这些操作记录，您可以很方便地实现安全审计、问题跟踪、资源定位，帮助您更好地规划和利用已有资源、甄别违规或高危操作。事件即云审计服务追踪并保存的云服务资源的操作日志，操作包括用户对云服务资源新增、修改、删
复制链接到剪贴板配额调整资源与标签用户指南弹性云服务器为防止资源滥用平台限定了各服务资源的配额对用户的资源数量和容量做了限制如您最多可以创建多少台弹性云服务器多少块云硬盘如果当前资源配额限制无法满足使用需要您可以申请扩大配额系统进入服务配额页面如果当前配额不能满足业务要求请参考后续操作申请扩大配额系统进入服务配额页面其...
【应用名称】：WiFi万能钥匙【应用版本】：250522【应用大小】：88.58M【应用介绍】：WiFi万能钥匙-通过工信部中国信通院泰尔实验室的移动应用软件安全评估检验，免费连WiFi，省流又安全！...
Three.js是一个基于JavaScript的开源库,用于在网页上创建和显示3D图形,这篇文章主要介绍了如何用Three.js和Vue 3实现3D商品展示的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
这篇文章主要为大家详细介绍了Vue使用element plus组件时出现时间格式问题的解决方法,文中的示例代码讲解详细,需要的小伙伴可以参考下
基于官方最新版6.1025.4320.1022版本的基础上做了极致的精简、绿化处理，在保留软件本身功能基本完整的前提下打包，最终形成了90+MB可执行的单文件卸载版，也算不上大。（一）删除“智慧选车”广告菜单，删除“清理优化”功能菜单里的微信专清和QQ专清并添加荣耀主题图标；未登陆为非会员有“大师排行、屏幕检测、功耗估算、监控面板、Win11更新检测”这几个功能无法使用，而会员登陆后即可正常使用这些功能并可以换荣耀的几个主题图标，其它无异；（二）截止目前，驱动检测功能的驱
酷喵机器人框架基于PC协议与MGCH的结合，MGCH即MiraiGO-CQhttp（代码类型：易语言）基本的API功能已经实现，具体可自测（教程/日志/说明文本已附带）开放源码仅供参考学习交流，切勿非法使用，后果自负！（搞灰黑产的请绕道）本QQrobot框架不签订AGPL协议但遵守Mirai/MiraiGO-CQhttp的AGPL协议。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。