ios - WKWebView - 无法加载资源 : Origin null is not allowed by Access-Control-Allow-Origin-6ren

ios - WKWebView - 无法加载资源 : Origin null is not allowed by Access-Control-Allow-Origin

转载作者：塔克拉玛干更新时间：2023-11-02 19:57:13

25

4

我试图在 IOS WKWebview 上读取我的本地 JSON 文件。但是无法加载资源:Access-Control-Allow-Origin 不允许 Origin null。

我以前使用过 UIWebview，它工作正常。但是，当我更改为 WKWebview 时，会发生此错误。

 $.ajax({
           type: 'GET',
            url: 'json_app/country_state_json.json?callback=?',
            async: false,
            jsonpCallback: 'jsonCallback',
            contentType: 'application/json',
            dataType: 'jsonp',
            success: function(json) 
            {},
            error: function(e) {}
        });

请协助。

最佳答案

不幸的是，此时 WKWebView 不处理使用“file://”协议(protocol)异步加载文件的 JavaScript [ 1 ][ 2 ].它在文件从 DOM 加载时起作用，只是不使用 ajax 或 jQuery 的 .get(它只是抽象的 ajax)。

这是一个我既引以为豪又不引以为豪的技巧:

我有一个应用程序需要根据一些动态信息加载一个 JSON 对象，然后处理它以显示网络内容。最初，我试图让 JavaScript 动态获取 JSON 文件:

旧的 HTML:

<html>
  <head>
    <script type="text/javascript" src="makeContent.js"></script>
  </head>
  <body></body>
</html>

旧的 JSON:

{
    "myData": true,
    ...
}

旧的 JavaScript:

$.get("data.json", function (data) {
  // Process the data and generate the content
}, "json");

我遇到了和你一样的问题。 WKWebView 不会加载 data.json 文件。

我的技巧是将 JSON 内容作为另一个 JavaScript 对象包含在 DOM 中。新的 JavaScript 脚本只是将 JSON 数据作为字符串分配给全局变量。请注意，此字符串必须是单行，因为 JavaScript 不支持多行字符串。然后，这个新脚本会在加载 WKWebView 时动态插入到 DOM 中:

JavaScript 数据文件(替换 JSON 文件):

var data = '{ "myData": true, ... }';

swift :

let jsonInsertion = "var node = document.createElement('script');" +
                    "node.setAttribute('src', 'data.js');" +
                    "node.setAttribute('type', 'text/javascript');" +
                    "var head = document.getElementsByTagName('head')[0];" +
                    "head.insertBefore(node, head.childNodes[0]);"
webView?.evaluateJavaScript(jsonInsertion, completionHandler:  { (_, error) in
    print(error)
})

生成的 HTML:

<html>
  <head>
    <script type="text/javascript" src="data.js"></script>
    <script type="text/javascript" src="makeContent.js"></script>
  </head>
  <body></body>
</html>

现在，您的 JavaScript 应该能够将数据作为全局变量访问，并使用 JSON.parse(data) 对其进行转换。您可能需要添加一些同步代码以确保您的脚本在应用程序插入数据脚本后运行。

同样，这是一个技巧，但它对我有用。希望在 Apple 允许“file://”协议(protocol)之前它可能对您有用。

关于ios - WKWebView - 无法加载资源 : Origin null is not allowed by Access-Control-Allow-Origin，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33075040/

25

4

0

文章推荐： Android - 防止 SearchView 建议中的文本截断？

文章推荐： java - Log4j2 SMTP 到 Office365

文章推荐： java - 绕过 Tesseract 预处理

文章推荐： android - GridView水平间距错误

javascript - Access-Control-Allow-Origin 不允许 Origin
XMLHttpRequest cannot load http://localhost:8080/api/test. Origin http://localhost:3000 is not allow
git - git diff origin/master ... origin/branch 和 git diff origin/master...origin/branch 有什么区别？
Git diff 似乎在比较时返回不同的变化: git diff origin/master ... origin/branch git diff origin/master...origin/bra
git - 为什么我的 git 日志输出在使用远程时同时显示 origin 和 origin/master、origin/HEAD。这些条目对我来说似乎是多余的
我正在研究 3.1 Git Branching - Branches in a Nutshell 中的 git 分支概念我正在玩虚拟存储库。 git log --oneline --decorate
javascript - SCORM: SecurityError: Blocked a frame with origin from access a cross-origin frame FOR SAME ORIGIN
我知道有很多类似的问题，唯一的区别是我从 **same ** 域提供的两个页面得到了这个。这可以在下面的示例中看到。 Uncaught DOMException: Blocked a fram
git - 为什么 Git 使用类似 "origin foo"、 "remotes/origin/foo"和 "origin/foo"等易混淆的名称？
我被要求使用 Fork Workflow，即我必须处理具有相同或相似名称的多个分支。我为什么要使用这些不同的变体？以下是不同命名约定的一些示例: 我的分支机构起源我的分支起源/我的分支机构远程
git - 如何删除 "origin/origin/master"
这个问题已经有答案了: How do I delete a Git branch locally and remotely? (41 个回答) 已关闭 9 年前。好的，我已经创建了一个 origin
node.js - 勒纳致命 : ambiguous argument 'origin/heads/origin/master...heads/origin/master' : unknown revision or path not in the working tree
这是我关于如何让 lerna 在 Jenkins 中运行的一系列问题的一部分。上一期: lerna publish on Jenkins "git remote update" Fails "Cou
angular - 如何在 Webhdfs - HDFS - Hadoop - Origin http ://localhost:4200 is not allowed by Access-Control-Allow-Origin 中启用 cors origin allow
当我尝试从我的 Angular 6 应用程序访问 Webhdfs 时，我收到如下所示的错误。在我看来，我几乎尝试了所有方法，包括更改 core-site.xml 和 hdfs-site.xml 中的设
ruby-on-rails - Rails Cross Origin Headers Set，XMLHttpRequest 无法加载 http ://www. d1.com/sign_in，Access-Control-Allow-Origin 不允许 Origin
我正在从不同的来源向我的服务器发出 Ajax POST 请求以供用户登录。我已经在我的 application_controller.rb 中正确设置了 Cross Origin header : d
git - origin/, remotes/origin/Git 困惑
我刚刚克隆了一个存储库并在 Git 中开始了一个新分支。我已经这样做了很多次而没有遇到问题。今晚当我尝试使用 git branch --set-upstream develop origin/deve
Git 分支名为 origin/HEAD -> origin/master
我对 Git 还很陌生，但仍在掌握它的窍门。我最近才开始使用分支机构，遇到了一些问题。我有两个开发系统，一个 Ubuntu 桌面和一个 MacBookPro。我在 Ubuntu 系统上的一个新的 o
Git，Github - origin/main 与 origin/master
这个问题在这里已经有了答案: Why does "git push main" work on GitHub when "git push master" does not? Also what i
angular - Angular "strict-origin-when-cross-origin"错误是什么意思？
我想从我的应用访问一个 API。 curl 请求是: curl --request POST https://... --header 'Authorization: Token ...'
GNU ld : -z origin? -rpath $ORIGIN/../lib?
我试图理解的遗留 makefile 具有 -Wl,-z,origin,-rpath,'$ORIGIN/../lib' 好的，我看到 -Wl 表示以下是链接器选项；逗号将替换为空格。 GNU ld 的联
openshift-origin - OpenShift Origin 与 OpenShift Enterprise
我正在寻找 OpenShift Origin 和 OpenShift Enterprise 之间的主要区别。我知道第一个是开源的，后者是商业版。与开源版本相比，OpenShift Enterprise
git - 将更改 origin/development 复制到 origin/master
我在 Sourcetree 中有这个历史图表: Sourcetree graph 如何将最后一次提交从 origin/development 复制到 origin/master 分支？第二个问题:图
git - "origin master"和 "origin/master"有什么区别
运行 git 命令时空格和斜杠有什么区别？我有时会看到 git push origin master(这是一个空格) 还有其他时候我看到 git rebase origin/master(使用斜杠)
git pull origin master 不更新 origin/master？
根据文档，git pull 执行 git fetch 然后执行 git merge，但是在那种情况下执行 git pull origin master 应该执行 git fetch origin ma
Git 将 origin/master 中的所有提交压缩为 origin/master 中的单个提交
我正在使用我的 git 存储库，并在早些时候对 master 分支进行了相当多的提交。现在我意识到它有点太吵了，我想将所有这些 merge 到一个提交中。 102381 commit z .... 1
javascript - Access-Control-Allow-Origin 不允许 Origin null
我制作了一个小的 xslt 文件来创建一个名为 weather.xsl 的 html 输出，代码如下: 我想将 html 输出加载到 html 文件中的 div 中，我正在尝试

首页

博学

6Ren·AI

商城

ios - WKWebView - 无法加载资源 : Origin null is not allowed by Access-Control-Allow-Origin