本地文件Ajax调用跨域错误：Chrome下如何通过Meta标签解决

嘿，我来帮你理清楚这个问题～首先得明确一点：没有办法通过Meta标签来添加allow-file-access-from-files参数。这个参数是Chrome浏览器的启动配置项，属于浏览器层面的全局设置，网页本身没有权限通过Meta标签或者其他页面内的代码来修改它，所以这条路走不通哦。

那怎么解决每次都要手动输命令的麻烦呢？给你几个实用的方案：

方案1：修改Chrome快捷方式，自动带上启动参数 #

这是最直接的替代方法，设置一次之后每次打开Chrome都自动生效：

• 右键点击你的Chrome快捷方式，选择「属性」
• 在「目标」输入框的末尾，先加一个空格，再粘贴--allow-file-access-from-files

  举个例子，原来的目标可能是："C:\Program Files\Google\Chrome\Application\chrome.exe"
  修改后变成："C:\Program Files\Google\Chrome\Application\chrome.exe" --allow-file-access-from-files

• 点击「应用」「确定」，之后双击这个快捷方式打开Chrome，就自动开启了允许本地文件访问的权限，不用再输命令啦

方案2：用本地小型服务器访问（更推荐） #

这种方式更接近实际生产环境的访问模式，从根源上避免跨域问题：

• 如果你的电脑装了Python3，打开命令行，进入你的项目所在文件夹，运行命令：

  python -m http.server 8000
  

• 然后在浏览器里输入http://localhost:8000/你的页面文件名.html，用http协议访问你的页面，此时请求本地data.json就不会有跨域限制了，而且不用修改任何浏览器配置

方案3：调整你的Ajax代码 #

你当前用了dataType: 'JSONP'，但JSONP是专门用来跨域请求服务器数据的方案，本地静态JSON文件根本不需要用它。如果用上面两种方法解决了环境问题，把代码改成这样会更合理：

$.ajax({
  url: 'data.json',
  dataType: 'json',
  // 其他配置...
})

内容的提问来源于stack exchange，提问作者Vani.Ashireddy