本地XLSX转JSON遇CORS问题：直接打开HTML失效，Live Server可用

问题原因 #

直接双击打开HTML文件时，浏览器使用file://协议加载页面，出于安全策略，浏览器禁止file://协议发起跨源请求（即使目标是本地文件也受限制），因此触发CORS错误。而Live Server通过http://协议提供文件服务，属于浏览器允许的协议范围，所以可以正常读取文件。

解决方案 #

方案1：持续使用Live Server #

这是最简便的方式，直接用Live Server启动本地服务，所有资源通过http协议访问，无需修改代码即可避免CORS限制。

方案2：改用文件上传组件（无需服务器） #

如果不想依赖本地服务器，可通过<input type="file">让用户手动选择本地XLSX文件，直接读取文件内容，绕过HTTP请求的CORS限制。示例代码如下：

<input type="file" id="excelFileInput" accept=".xlsx">
<script>
document.getElementById('excelFileInput').addEventListener('change', function(e) {
  const file = e.target.files[0];
  if (!file) return;
  
  // 直接将文件传入你的excelFileToJSON函数
  excelFileToJSON(file);
});

// 你的excelFileToJSON函数保持不变（接收Blob/File对象）
function excelFileToJSON(file) {
  // 原有的Excel转JSON处理逻辑
}
</script>

方案3：修改浏览器启动参数（仅用于本地调试） #

如果必须直接打开file://协议的HTML文件，可修改浏览器启动参数解除限制，但仅限本地调试使用，不推荐给普通用户：

• Chrome/Edge：右键点击浏览器快捷方式，在目标栏末尾添加 --allow-file-access-from-files（注意前面有空格），重启浏览器即可
• Firefox：在地址栏输入about:config，搜索security.fileuri.strict_origin_policy，将其设置为false

注意：修改浏览器参数会降低安全性，调试完成后建议恢复默认设置。

内容的提问来源于stack exchange，提问作者Aniket