计算机上的JSON文件Access Control Allow Origin不允许Origin为null

Origin null is not allowed by Access Control-Allow-Origin , JSON file from computer

本文关键字:Origin Allow 不允许 null Control Access JSON 文件 计算机      更新时间:2023-09-26

我正在构建一个旅游网站,对于搜索目的地选项,我收到以下错误:

访问控制允许原点不允许原点为空

我的json文件在我的文件夹中,以下是我的jquery代码:

$(document).ready(function() {
            $.getJSON('resort.json', function(data) {
                $("#searchresort").on("click", function() {
                    var userDept = $("input:checked").val();
                    var output = "<ul>";
                    for (var i in resort.resorts) {
                        if( (userDept == resort.resorts[i].destination) || (userDept == "Any") ) {
                            output+="<li>" + resort.resorts[i].picture + "<br> " + resort.resorts[i].name + "<br>" + resort.resorts[i].short_description + "<br> " +"<a href='" + resort.resorts[i].id + ".html'>Visit Page</a></li>";

                            // " -- " + data.users[i].dept+"<a href='" + data.users[i].id + ".html'>Visit Page</a></li>";
                        }
                    }
                    output+="</ul>";
                    document.getElementById("placeholder").innerHTML = output;
                });

如果有人能帮我解决这个问题,那就太好了。

许多浏览器不允许您从文件中读取文件://origin。因此,如果你的网页是由浏览器直接从文件系统加载的,带有文件://URL,那么你就无法读取带有文件://URL的其他文件,即使它看起来应该是"同源"的。这样做显然是出于安全考虑,以避免网页以任何可能的方式从硬盘中读取文件。

浏览器在该错误消息中将file://报告为null来源。

虽然不推荐使用,但有些浏览器有命令行参数或其他首选项设置,允许访问本地文件,但这会附带常见的安全警告。

这里的常见解决方案是运行本地web服务器,并通过web服务器而不是直接从文件系统加载文件。