jquery - 如何通过chrome访问json文件

Question

这个问题已经有答案了:

"Cross origin requests are only supported for HTTP." error when loading a local file (30 个回答)

已关闭 4 年前。

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

如何通过 Chrome 访问此文件？

代码:

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

</script>

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

Access to XMLHttpRequest at 'file:///C:/Users/Sirzento/Desktop/website/JsonData.json' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

Answer 1

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