javascript - 客户端AJAX加载解决方法|跨源请求错误

标签 javascript html xml client-side

我的目标是创建一款视觉小说,“点击”进度游戏。我的目标是使用纯 HTML、CSS 和 JS 来实现这一目标。该游戏应该仅在浏览器中的index.html 客户端上运行。

我的问题是,我在处理这些跨源请求时遇到了一些麻烦,我正在尝试从两周内找出解决方案,但我不知道如何实现这一点。错误“仅协议(protocol)方案支持跨源请求:http、data、chrome、chrome-extension、https、chrome-extension-resource。”

我想要实现的目标很简单。我不想使用 twine 引擎之类的东西,而是想编写原生代码,因为它对我来说效率更高、速度更快。

到目前为止我尝试过的选项:

  • JQuery 加载 - 需要服务器
  • 编写了一个纯 XML Ajax 加载 - CORS 错误。 (所以...服务器)
  • 我开始将html写入js文件并加载它们,然后使用document.write或innerHTML来替换,但这只能让我到目前为止,并且在5个文件之后很难扩展。

我该怎么做才能让它运行?我了解 C#,但在我转向 .exe 之前,我是否可以完成此任务? React.js 只能在客户端工作并加载组件而不会出现 CORS 错误吗?从未尝试过该框架,因为在教程中我看到他们使用网络服务器。

有什么想法吗?预先感谢!

最佳答案

Will react.js work client side only and load components without CORS error?

不,因为它仍然是在浏览器中运行的另一件事,并且受到浏览器施加的限制。

你需要一个服务器,一个不施加这些限制的浏览器(某种将两者结合起来的东西,比如 Electron),使用像 JSONP 这样的肮脏黑客来加载文件,或者包装所有文件,以便它们嵌入在您最初加载的 JS 中。

关于javascript - 客户端AJAX加载解决方法|跨源请求错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50745048/

相关文章:

java - 解析 XSD 文档时出错

javascript,创建 <div> 和 <button> 然后单击该按钮

javascript - Jquery - 从元素中删除类后仍处于事件状态

javascript - 如何从 Node.js 下载 AngularJs Controller 中的 .docx 文件

javascript - 动态扩展文本区域时,将 View 保持在页面底部

html - 基于条件的 CSS

javascript - 在 foreach 中使用 angularjs 进行 Promise

html - VarChar MySQL 行 HTML 内容在输出时减少

java - NetworkDispatcher.run : Unhandled exception java. lang.SecurityException : Permission denied (missing INTERNET permission?)

html - 在 HTML 中放置 SVG 内容的最佳方式