Javascript 脱机加载本地JSON文件

Javascript 脱机加载本地JSON文件,javascript,jquery,json,offline,Javascript,Jquery,Json,Offline,因此,我有一个客户端,它希望一个站点不在任何地方托管,而是通过浏览器(文件夹中的html文件)本地访问。现在棘手的是,他们想在浏览器中自己更改此站点。所以我认为最好的方法是在本地进行配置。我创建了一个config.json,然后得到了它: 我发现现代浏览器会阻止这种请求,因为它被认为是不安全的。例如,Chrome说: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-

因此,我有一个客户端,它希望一个站点不在任何地方托管,而是通过浏览器(文件夹中的html文件)本地访问。现在棘手的是,他们想在浏览器中自己更改此站点。所以我认为最好的方法是在本地进行配置。我创建了一个
config.json
,然后得到了它:

我发现现代浏览器会阻止这种请求,因为它被认为是不安全的。例如,Chrome说:

Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
现在的问题是:我如何拥有一个存储配置的文件,以便Javascript/jQuery可以加载它。是否有方法要求用户允许文件访问?是否有一种完全不同的方式来完成这一切,从而更好地完成任务


我期待着任何建议,只要它是离线兼容

最简单的解决方案:将
config.json
重命名为
config.js
,以保持一致性

现在,如果JSON是

{
    "configKey1": "value1"
}
将json封装在函数中

function getconfig() { 
    return {
        "configKey1": "value1"
    };
}
现在,只需在HTML中添加

然后,当您想要获取配置时。。。调用
getconfig
读取它

let config = getconfig();

在本地服务器上部署应用程序。使用任何http服务器,如nodejs、tomcat等,都可以创建一个与您已经使用的html、css和js相同的应用程序。@charlietfl我不知道Electron,这正是我需要的!非常感谢你!我们可以称之为JSONP类型实现:)事实上,当您考虑它时,实际上是这样的:p
let config = getconfig();