【问题标题】:How to access json file via chrome [duplicate]如何通过chrome访问json文件[重复]
【发布时间】:2019-10-24 23:05:55
【问题描述】:

我的 web 目录中有一个本地 json 文件并且想要访问它。 我目前使用来自 jquery 的 $.getJSON(),它适用于除 chrome 之外的所有浏览器。

如何通过 chrome 访问此文件?

代码:

<script>
        $(document).ready(function () {
            $.getJSON('JsonData.json', function (data) {
                //using data for stuff..
            });
        })

</script>

编辑:完全忘记在此处粘贴 chrome 控制台错误:

访问 XMLHttpRequest 在 'file:///C:/Users/Sirzento/Desktop/website/JsonData.json' 来自原点 “null”已被 CORS 策略阻止:跨源请求仅 支持协议方案:http、data、chrome、chrome-extension、 https。

【问题讨论】:

  • 你能告诉我们你的代码和你的应用程序的 URL 吗?我有预感,怀疑是 HTTPS 或 CORS 问题。
  • 我添加了代码。该网站使用http。网址只是 index.html。我在本地打开它。

标签: jquery json google-chrome


【解决方案1】:

您需要启动网络服务器并在 3000 等本地端口上提供内容,然后通过 localhost:3000 访问您的站点。 Chrome 拒绝让您向file:// URL 发出 AJAX 请求,这是一个安全风险。

【讨论】:

  • 这是否意味着如果我想通过互联网访问该站点,我必须在 url 中提供端口 3000?比如“域名:3000”?
  • 不,当您将站点发布到 Internet 时,您面向 Internet 的网络服务器将在端口 80 上进行侦听,而您只需使用 http://DomainName
  • 但是如果我通过互联网通过端口 80 访问它,这仍然有效吗?
  • 我不太确定你在这里问什么。 what 会起作用,向端口 80 发出 XHR 或获取请求吗?是的。
猜你喜欢
  • 2018-10-16
  • 1970-01-01
  • 1970-01-01
  • 2017-02-15
  • 1970-01-01
  • 1970-01-01
  • 2018-07-18
  • 2018-03-08
  • 1970-01-01
相关资源
最近更新 更多