《js读取本地json文件》及浏览器跨域设置、《js保存json到本地》

最新推荐文章于 2025-09-30 21:42:01 发布

原创

最新推荐文章于 2025-09-30 21:42:01 发布 · 2w 阅读

8 ·

CC 4.0 BY-SA版权

本文为博主原创文章，未经博主允许请勿转载，切勿用于商业用途，若有引用请加原文链接。

文章标签：

#json #js

前述：终于抽出时间，整理了一些编程所需基础知识。

有些js在读取本地文件出现浏览器跨域问题，在此提供解决方法：

(chrome:单独运行html文件有跨域问题目前无法设置，但可以用WebStorm中的Chrome(无法应用请看:彻底卸载chrome:https://blog.youkuaiyun.com/xysxlgq/article/details/119598264)。其他：若在应用程序中运行没有浏览器限制，也不用设置。)

火狐浏览器提示：同源策略禁止读取位于 c:/... 的远程资源。（原因：CORS 请求不是 http）
解决方法：跨域设置:
1、打开火狐浏览器：输入"about:config"
2、点击”接受风险并继续”
3、搜索”security.fileuri.strict_origin_policy”,设置为：false
4、关闭浏览器再打开。

注意：加载页面后提示：XML 解析错误：格式不佳，可忽略。
下面为loginfo。

如下所示：

Html文件：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>json file</title>
    <!--<script src="jquery-3.6.0.min.js" ></script>--&