XMLHttpRequest 无法加载文件。仅 HTTP 支持跨源请求

2024-01-01

我收到以下错误:

XMLHttpRequest cannot load file:///C:/Users/richa.agiwal/Desktop/get/rm_Library/templates/template_viewSettings.html. Cross origin requests are only supported for HTTP. 

我意识到这个问题以前已经得到解答,但我仍然没有找到解决我的问题的方法。我尝试跑步chrome.exe --allow-file-access-from-files从命令提示符,并将文件移动到本地文件系统,但我仍然收到相同的错误。

我很感激任何建议!


如果您正在个人计算机上的代码编辑器中编写 HTML 和 Javascript,并在浏览器中测试输出,您可能会收到以下错误消息Cross Origin Requests。您的浏览器将渲染 HTML 并在浏览器中运行 Javascript、jQuery、AngularJs,无需设置服务器。但许多网络浏览器都经过编程来监视跨站点攻击,并会阻止请求。您不希望任何人都能够从您的网络浏览器读取您的硬盘驱动器。您可以使用 Notepad++ 创建一个功能齐全的网页,该网页将运行 Javascript,以及 jQuery 和 angularJs 等框架;并通过使用 Notepad++ 菜单项来测试所有内容,RUN, LAUNCH IN FIREFOX。这是开始创建网页的一种很好、简单的方法,但是当您开始创建除布局、CSS 和简单页面导航之外的任何内容时,您需要在计算机上设置本地服务器。

以下是我使用的一些选项。

  1. 在 Firefox 上本地测试您的网页,然后部署到您的主机。
  2. 或者:运行本地服务器

在 Firefox 上测试,部署到主机

  1. Firefox 目前允许来自硬盘驱动器上的文件的跨源请求
  2. 您的网络托管站点将允许对清单文件配置的文件夹中的文件发出请求

运行本地服务器

  • 在您的计算机上运行服务器,例如 Apache 或 Python
  • Python 不是服务器,但它会运行一个简单的服务器

使用 Python 运行本地服务器

获取您的 IP 地址:

  • 在 Windows 上:打开“命令提示符”。所有程序、附件、命令提示符
  • 我总是运行Command Prompt as Administrator。右键单击Command Prompt菜单项并查找Run As Administrator
  • 输入命令:ipconfig并按 Enter 键。
  • 查找:IPv4 地址。 。 。 。 。 。 。 。 12.123.123.00
  • 有些网站也会显示您的 IP 地址

如果您没有 Python,请下载并安装它。

使用“命令提示符”,您必须转到要用作网页的文件所在的文件夹。

  • 如果您需要返回到 C:\ 根目录 - 输入 cd/
  • 输入 cd Drive:\Folder\Folder\etc 进入 .Html 文件所在的文件夹(或 php 等)
  • 检查路径。在命令提示符下键入:路径。您必须看到 python 所在文件夹的路径。例如,如果 python 位于 C:\Python27 中,则您必须在列出的路径中看到该地址。
  • 如果路径中没有Python目录的路径,则必须设置路径。输入:帮助路径并按 Enter 键。您将看到路径的帮助。
  • 输入类似以下内容:路径 c:\python27 %path%
  • %path% 保留所有当前路径。您不想清除所有当前路径,只需添加一个新路径即可。
  • 从要提供文件的文件夹创建新路径。
  • 启动 Python 服务器:键入:python -m SimpleHTTPServer port其中“port”是您想要的端口号,例如python -m SimpleHTTPServer 1337
  • 如果将端口留空,则默认为端口 8000
  • 如果 Python 服务器成功启动,您将看到一条消息。

在本地运行 Web 应用程序

  • 打开浏览器
  • 在地址行中输入:http://your IP address:port
  • http://xxx.xxx.x.x:1337 or http://xx.xxx.xxx.xx:8000对于默认的
  • 如果服务器正在运行,您将在浏览器中看到文件列表
  • 单击您要提供服务的文件,它应该会显示。

更先进的解决方案

  • 安装代码编辑器、Web 服务器和其他集成服务。

您可以在计算机上单独安装 Apache、PHP、Python、SQL、调试器等,然后花费大量时间尝试弄清楚如何使它们一起工作,或者寻找结合所有这些东西的解决方案。

我喜欢将 XAMPP 与 NetBeans IDE 一起使用。您还可以安装 WAMP,它提供了User Interface用于管理和集成 Apache 和其他服务。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

XMLHttpRequest 无法加载文件。仅 HTTP 支持跨源请求 的相关文章

  • 使用您正在散列的内容的散列作为盐?

    假设用户注册了您的网站 您对他们选择的密码进行哈希处理 然后使用该哈希值作为盐 并使用该盐重新哈希其密码 Example String hash1 MD5 password String endHash MD5 hash1 password
  • console.dir 和 console.log 有什么区别?

    在 Chrome 中consoleobject 定义了两个似乎做同样事情的方法 console log console dir 我在网上读到过dir在记录对象之前获取对象的副本 而log只是将引用传递给控制台 这意味着当您检查记录的对象时
  • Chrome 如何更新网址栏补全?

    我真的很喜欢使用 Chrome 的地址栏 因为它会记住经常访问的网站 并且经常根据我之前输入和 或访问过的内容提出良好的补全建议 例如 我可以输入t在地址栏中 Chrome 会自动将其填充为twitter com 或者我可以输入mapsCh
  • 是否可以从 .apk 文件获取 Android.mk 或本机源文件?

    看来从 apk文件中获取Java源文件是很容易的 但是否有可能得到Android mk or native通过工具或棘手的方法从 apk 文件中获取源文件 我正在研究 Android 应用程序本机代码安全性 因此这些文件对我来说非常重要 谢
  • 使用鼠标检测的反验证码

    我想知道是否可以为仅使用 javascript 的表单创建一个安全的人体检测机制 不使用验证码 来检测鼠标移动 因为 jquery 或操作系统代码都可以移动鼠标 我是这么告诉的 这是我的计划 使用 jQuery 我可以检测鼠标是否已移动 然
  • 遭受xss攻击后如何恢复站点?

    最近我正在研究XSS攻击以及它们对网站的破坏性有多大 让我惊讶的是 网络 even SO 充满了关于如何防止xss攻击但没有相关资源说明如何在网站受到 xss 攻击后恢复网站 我遇到过一些事情 比如 将备份网站代码上传回服务器 下载整个网站
  • 生产环境的 Flask-Login 与 Flask-Security

    我正在构建一个功能 供用户注册 登录 验证和授权自己 特别是使用 Python Flask 作为后端 我找到了一些解决方案 例如flask login and flask security 据我了解 flask login实际上并没有进行任
  • 为什么复制功能在 setTimeout 中不起作用?

    当我尝试时 Chrome 会抱怨copy inside setTimeout setTimeout function copy a 0 Uncaught ReferenceError copy is not defined at
  • createHTMLNotification() 替换

    我创建了一个 Chrome 扩展程序 其中使用createHTMLNotification 在所有内容之上显示一个窗口 然而 从 Chrome 28 开始 谷歌决定放弃createHTMLNotification 完全 为什么 谷歌 为什么
  • Android onChange 事件未在 android 5 (Lollipop) 上的 chrome 历史记录的 contentObserver 中触发

    我注意到我的 chrome 历史记录和书签的 contentObservers 在 android lolipop 上不再触发 该代码在旧版本的 android 上完美运行 无论 chrome 版本如何 但在 Lollipop 上它不再运行
  • Android - 在sqlite数据库中存储敏感数据

    我需要将敏感数据存储在 Android 应用程序的 sqlite 数据库中 我如何确定这些数据非常安全 我知道我可以使用密钥加密数据 但是我将该密钥存储在哪里 我也不想要求用户填写密钥 我只是希望它能够自行工作 因为我害怕逆向工程 所以我也
  • 日期出现奇怪的错误,“未捕获非法访问”

    所以我试图找到最新的DateJavascript 可以处理 我把它减少到 9 月 275760 并增加了我开始捕获未捕获的天数illegal access例外new Date 09 24 275760 to new Date 10 13 2
  • 控制台未打开时无法加载资源:net::ERR_EMPTY_RESPONSE

    我正进入 状态 Failed to load resource net ERR EMPTY RESPONSE 如果控制台未打开 我的 api 调用会出错 然而如果控制台打开 则 api 调用工作正常 前端使用 Angular2 后端使用 N
  • 什么是“声明式安全”?一般来说

    这个问题的答案 声明式安全 这是什么 https stackoverflow com questions 1210609并没有告诉我太多 坦率地说 根本没有告诉我任何事情 我看到一篇关于 NET 性能的博客 其中提到了这一点 您使用声明式安
  • Symfony2 Secure by IP 不起作用

    在我的 Symfony 2 3 1 Security YML 中 我有这一行 安全 yml access control path mysecurearea roles IS AUTHENTICATED ANONYMOUSLY ip 0 0
  • 如何获取 Android 版 Chromium 的源代码

    我正在尝试为 Android 构建 Chromium 开源浏览器 我已经提到过 Visit http code google com p chromium wiki AndroidBuildInstructions http code go
  • 如何使用Python3、Selenium Chrome WebDriver在第一次请求之前预加载cookie?

    是否可以使用添加cookieadd cookie 对于一个域 比如说stackoverflow com在使用 Selenium Chrome WebDriver 进行实际请求之前get 到域上的页面stackoverflow com 尝试时
  • 保护 REST 和 JSON

    我想利用 RESTful 架构构建提供 JSON 数据的 Web 服务 但我只想要我自己的客户端应用程序可以从我的网络服务请求 基本上 我的 Web 服务包含不供公众使用的敏感数据 但我想以这种方式构建它 以便我可以构建连接到我的 Web
  • 如何使用 PHP 正确添加跨站请求伪造 (CSRF) 令牌

    我正在尝试为我网站上的表单添加一些安全性 其中一个表单使用 AJAX 另一个表单是简单的 联系我们 表单 我正在尝试添加 CSRF 令牌 我遇到的问题是令牌有时只显示在 HTML 值 中 其余时间 该值为空 这是我在 AJAX 表单上使用的
  • 后台脚本 chrome.tabs 在 chrome 扩展中未定义?

    我试过这个 背景 js chrome browserAction onClicked addListener function activeTab chrome tabs query active true currentWindow tr

随机推荐