Chrome 允许加载本地json文件

最新推荐文章于 2023-07-27 10:57:47 发布
最新推荐文章于 2023-07-27 10:57:47 发布
阅读量1.5k 收藏 2
点赞数
文章标签： html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42081843/article/details/104862551
版权

尝试写一些简单网页，从本地json请求数据，但一直出现Failed to load resource: net::ERR_FAILED的错误，简单解决方法是更改一下chrome的设置，允许从本地加载文件。

在桌面找到chrome图标，右击，选择属性，在目标后加上 –allow-file-access-from-files，重启浏览器还不行的话换成 --disable-web-security  一般都会正常加载了。调试完再删除附加的语句

 

寻水的鱼lj
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery ajax读取本地json文件的实例
10-19
在Web开发中，jQuery是一个非常流行...在上述示例中，无论是使用`$.ajax()`还是`$.getJSON()`，都可以有效地从本地JSON文件获取数据，并将其展示在网页上。了解和掌握这些技巧对于进行动态Web页面的开发是非常重要的。
iOS Swift读取本地json文件报错的解决方法
08-28
然而，在实际操作中，可能会遇到各种问题，比如在Swift中读取本地JSON文件时出现错误。本篇文章将深入探讨如何解决这类问题，并提供一个有效的解决方案。 首先，让我们了解一下错误信息：“Error Domain=...
加载本地json文件，调试出现 Cross origin requests are only supported for protocol schemes: http, data, chrome, c...
12-29 382
谷歌浏览器快捷方式-属性面板-快捷方式-在目标后添加--allow-file-access-from-files --前有一个空格。 添加成功后，重启谷歌浏览器才可生效。 在配置成功之后的，桌面快捷方式下打开才可以成功。若设置为谷歌浏览器打开仍然失败。 12.31改进 https://www.zhihu.com/question/20948...
请求接口报错net::ERR_FAILED
weixin_45422787的博客
07-20 7万+
出现这个问题的原因： 1:前端域名配置错误 2:后端没有配置这个域名 解决： 确定当前接口请求和后端配置的域名一致，如果不一致，需要前端配置文件中改为和后端域名一致，如果项目中有使用多个域名的配置，除了主域名的接口之外，其他的域名接口需要单独代理调用，我当前的调用方式： getStoreSwitch(options = {}) { // 开关获取 options.baseURL = process.env.VUE_APP_WHALE_API options.url = `/pointma.
浏览器报错:net::ERR_FAILED ajax访问服务器JSON数据时的跨域问题
weixin_45755591的博客
09-01 1万+
原因: 在于当我们请求ajax请求时候，get的地址可能是3000端口，但是index.html页面启动时候所在的端口与3000端口不在同一端口中，服务器会自动禁止这一请求行为。 解决： 这时候需要在项目根目录安装第三方包 npm i cors -S 然后在app.js+ var cors = require("cors"); app.use(cors({ 　　methods: ["GET", "POST"], 　　alloweHeaders: ["Content-Type", "applicati.
chrome如何设置 允许访问本地文件（转）
退休码农的自留地
09-16 3544
设置Chome 访问本地文件，解决跨域问题。
使用vue.axios让JSON和JSONstring在前后端传输导致的net::ERR_FAILED和has been blocked by CORS policy:NO ‘Access-‘...
weixin_45876044的博客
06-23 1574
项目场景： 提示：通过vue.axios向后端传送数组时候出现的问题 在这里强调一下并不是所有的has been blocked by CORS policy:NO 'Access-'Control-Allow-Originheader is present on the requested resource 都是跨域问题，也有可能会跟我们后端的代码有关，我看网上一堆都说是跨域问题让我思考问题都从跨域问题思考了，最后发现是后端出现问题。 问题描述： 在写一个老师出试卷的项目当中，老师需要在前端往后端传送数
解决浏览器不能加载本地geojson数据，openlayers
rainbowday_的博客
11-29 1974
openlayers加载geojson数据不显示 控制台报错 Access to XMLHttpRequest at 'file:///E:/open_layers/modular/countries.geojson' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome-extension,
json-handle chrome插件
02-26
7. **安装与更新**：用户可以通过 Chrome 网上应用店下载安装 JSON-handle，也可以直接下载 ZIP 压缩包（如提供的 JSON-handle-master），解压后手动加载到浏览器扩展中。插件开发者会定期发布更新，以修复已知问题...
JS文件替换神器--Chrome ReRes插件
05-14
这款插件是专为Chrome浏览器定制的，它允许开发者快速地替换网页上的JavaScript文件，从而简化了开发和测试流程。 首先，让我们了解一下Chrome ReRes插件的基本功能。它的主要目标是提供一个便捷的方式，让开发者...
chrome插件开发-页面对象注入及本地通信
05-14
然后在`manifest.json`文件中声明这个脚本，使其在特定网页加载时执行： ```json { "manifest_version": 2, "name": "My Extension", ... "content_scripts": [ { "matches": ["<all_urls>"], "js": [...
JsonView谷歌浏览器JSON解析插件
08-03
5. 加载解压后的扩展程序：点击“加载已解压的扩展程序”，在弹出的文件选择对话框中选择刚刚解压的JSONView-for-Chrome-master文件夹。 6. 安装成功：一旦加载完成，JSONView插件图标就会出现在浏览器工具栏上，你...
chrome扩展程序开发/chrome运行本地JS脚本
11-04
1. `manifest.json`：这是扩展的配置文件，包含了扩展的基本信息，如扩展ID、版本号、权限需求以及加载的文件等。 2. `background.js`：后台脚本，常用于处理扩展的持久化任务和事件监听。 3. `content_script.js`：...
实现热加载的Chrome扩展
08-10
总的来说，实现热加载的Chrome扩展是一个结合了文件监控、WebSocket通信、动态代码注入等多个技术点的综合实践。通过这种方式，开发者可以在不打断用户体验的前提下，高效地进行Chrome扩展的迭代开发。
里面包含Chrome json格式化插件JSONView_v0.0.32.2.crx，以及离线json数据格式化工具jsonviewer
02-25
**jsonviewer** 则是一个离线的JSON数据格式化工具，它允许用户在没有网络连接的情况下处理JSON文件。该工具通常作为一个桌面应用程序运行，提供类似的功能，如将复杂的JSON对象层次结构化展示，支持折叠/展开节点，...
Chrome浏览器使用ajax加载本地数据文件问题
weixin_30895603的博客
09-28 179
最近开发小工具的时候遇到了一个问题： 使用Chrome执行js获取本地目录下的数据文件提示Not Allow 经过一番研究，解决方案如下（Mac）： open -a "Google Chrome" --args --disable-web-security --user-data-dir 用这个命令启动Chrome 然后打开网页就可以了 转载于:https://www.cnblogs....
成功解决：Failed to load resource: net::ERR_FILE_NOT_FOUND
热门推荐
做笔记\记录遇到的程序bug
08-29 13万+
在vscode中使用插件NPM脚本进行打包项目操作、然后运行打包后的项目、没有效果。
JS读取本地json文件的方法汇总
最新发布
u012230371的博客
07-27 1万+
JavaScript 加载本地json
亲测有效——chrome设置允许访问本地文件（如本地json文件）
meser88的博客
04-18 9639
先在磁盘上创建一个无关紧要的文件夹，你应该也可以指定一个已经存在的文件夹，复制文件夹的路径，在目标一栏中加入--user-data-dir="建议再创建一个新的谷歌浏览器的快捷方式，与之前的快捷方式区分开，在想使用跨域请求的时候打开新的快捷方式，保证上网安全。为了安全起见，建议创建两个谷歌浏览器的快捷方式，一个设置上述参数用于需要请求本地资源的开发，一个用于平时上网。这个目录下系统会自动生成一大堆文件，注意不要跟自己的开发的文件搞混就行，比如我的，本来文件夹在只有一个。
js读取本地json文件跨域
05-15
JS读取本地json文件并不涉及跨域问题，跨域问题主要指的是在网页中跨域读取服务器上的资源。在本地读取json文件时，只需要通过Ajax请求或者引入文件的方式来获取数据即可。如果是使用Ajax请求，需要用到XMLHttpRequest对象，但需要注意的是，在Chrome浏览器中，使用XMLHttpRequest对象从本地文件中读取数据会报跨域错误。这是由于Chrome浏览器的安全策略，导致不允许服务器和客户端在同一个域名下，只能通过网络或者本地服务器的方式来获取本地json文件。 为了解决这个问题，可以建立一个本地服务器来模拟网络环境，或者使用其他解决方案，例如：开启Chrome浏览器的安全策略，或者使用CORS策略解决跨域问题。另外，在使用框架或库的时候，也可以使用其他的方法来读取本地json文件，例如：使用jQuery的$.getJSON()方法或使用AngularJS的$http服务。 总之，在读取本地json文件时，需要注意安全策略和跨域问题，选择合适的解决方案可以更好地完成工作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值