为什么本地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
工商银行金融服务全面介绍，投资理财信息丰富全面，在线交易方便快捷，满足客户专业化、多元化、人性化的金融服务需求，打造集业务、信息、交易、购物、互动于一体综合性金融服务平台。
腾讯云活动汇聚了腾讯云最新的促销打折、优惠折扣等信息，你在这里可以找到云服务器、域名、数据库、小程序等等多种不同产品的促销活动，还有各种产品的免费试用哦。
观察者网风闻社区，热辣时事，专家点评，网友评论，尽在掌握
好看视频创作中心是好看视频作者在电脑端发布并管理作品的平台，在这里，创作者可以便捷地发布电脑上的作品，同时还有内容管理、本地上传精美封面等功能。
虎扑是以体育赛事和男性兴趣生活为主的社区网站。专注于NBA赛程、NBA录像、NBA直播、NBA资讯、球员交易、足球、英超、电竞、LPL等全部篮球足球电竞赛事，并提供虎扑步行街社区服务。
ARISTA456adalahsitusslotyanglagingeri,dimanadalam1xspinpemainbisalangsungWD12jutarasakankeseruandankeuntunganluarbiasahanyadiARISTA456.
国家重点新闻网站，拥有十个语种独立新闻采编、报道和发布权；第一时间报道国家重大新闻事件；国情信息库服务全球读者了解中国；国务院新闻办公室发布会独家网络直播发布网站；拥有国内外顶级学者专家资源，独家编发各种相关政策解读。
金羊网是广东省顶级报刊媒体羊城晚报集团旗下新媒体网站，华南区四大媒体网站之一，为用户提供最新新闻资讯等。并提供《羊城晚报》、《新快报》、《可乐生活》等多家报刊电子版！
2011年成立以来，七牛云致力于成为全球领先的一站式中立音视频云 + AI 服务商，围绕数字化浪潮下的在线音视频需求，基于强大的云边一体化能力和低代码能力，持续在视频点播、互动直播、实时音视频、摄像头上云等领域，进行深度技术投入，提供面向业务场景的视频云解决方案。截至目前，有超过100万企业客户和开发者长期使用七牛云服务，包括OPPO、爱奇艺、平安银行、招商银行、上汽集团、芒果TV等知名企业。
九州网址,实用的中文网站导航与百科问答知识分享。为您提供好用的网站导航、实用的网站收录、详细的网站介绍及网站点评参考，九州网址关怀您的网络生活,让您上网更方便!
这篇文章主要为大家详细介绍了如何利用vue3编写一个有趣的牛马时钟并集成到小程序,文中的示例代码讲解详细,感兴趣的小伙伴可以了解下
事件循环是JavaScript实现异步编程的核心,通过单线程执行模型协调同步代码、回调队列、异步事件及微任务和宏任务,这篇文章主要介绍了JS运行机制之事件循环机制的相关资料,需要的朋友可以参考下
当易网为用户带来最全，最好看的英文字体下载，如英文设计字体、英文字体打包、ps英文字体等等，非常齐全和好看。欢迎来当易网下载。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
统一声明：源码仅供学习研究之用，请勿商用或者其他违法用途，产生其他后果与本站无关,搬运的其他精品游戏论坛的源码，搜库不懂游戏文本教程：安装教程在赞助群---》搜库安装说明---》根据源码编号找安装说明源码...
华为云帮助中心，为用户提供产品简介、价格说明、购买指南、用户指南、API参考、最佳实践、常见问题、视频帮助等技术文档，帮助您快速上手使用华为云服务。
当易网提供最新最火的苹果角色扮演手游下载，并且为大家带来最好玩的rpg手游排行榜，供玩家朋友们参考，下载自己喜欢的iPhone版角色扮演手游。
当易网安卓单机角色扮演游戏大全，为玩家提供最新手机单机角色扮演游戏下载，这里有最好玩的手机单机角色扮演游戏，以及安卓手机单机角色扮演游戏排行榜，经典手机单机角色扮演游戏，汇集互联网上优质安卓单机角色扮演游戏资源下载
远程登录软件是可以为用户提供方便、安全的远程访问功能，所以一个好的远程登录软件必不可少，当易网提供免费、安全的远程登录软件供大家下载。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。
亦是美网络，致力于操作系统应用与计算机网络技术的IT网站。