来自原点的字体'https://cdnjs.cloudflare.com“”已被跨源资源共享策略阻止加载
我试图从googleapis导入字体，但由于某些原因，我在所有字体上都出现以下控制台错误：
源https://cdnjs.cloudflare.com的字体已被跨域资源共享策略阻止加载：请求的资源上不存在访问控制允许源标头。因此不允许访问源https://mkhosting.kohlercoding.dk。响应的HTTP状态代码为404。
我在这里看了其他关于这个的帖子，没有任何帮助。这是我的标题：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>MKHosting</title>
<link rel="icon" type="image/png" href="/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="shortcut icon" type="image/png" href="/favicon.png" />
<!-- <meta http-equiv="refresh" content="0;URL=https://kohlercoding.dk/login-sys/login.php"> -->
<!-- FontAwesome -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/css/materialize.min.css">
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<!-- Active Menu Script -->
<script src="/assets/js/activemenu.jquery.js"></script>
<!-- SmoothScroll Script -->
<script src="/assets/js/smoothscroll-jquery.min.js"></script>
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/js/materialize.min.js"></script>
<!-- CSS -->
<link rel="stylesheet" href="assets/css/style.css">
<!-- Initialize Materialize Scripts -->
<script>$(document).ready(function(){
$(".button-collapse").sideNav();
$('.parallax').parallax();
$(".dropdown-button").dropdown({
hover: false
});
});</script>
</head>
共有1个答案
发现问题显然出在MaterializeCSS上，他们的最新更新有一个bug，因此降级一个版本就解决了这个问题。
-
问题内容： 当人们开始订购过程时，在我的网站https://www.stubwire.com上，我正在从https://files.stubwire.com加载CSS文件。问题是CSS文件正在尝试加载给出错误的字体。有人可以帮我展示如何解决此问题吗？我已经看到有关使用Amazon S3的修复程序，但这是从我们自己的服务器加载的。 错误 跨域资源共享策略已阻止从源“ https://files.st
-
我在Axios Laravel crossite中遇到问题，它返回以下erorr： CORS 策略阻止了从源“http://localhost:8000”在“http://localhost/moddle/moodle/login/index.php”处访问 XMLHttpRequest：对预检请求的响应未通过访问控制检查：请求的资源上不存在“访问控制-允许-源”标头。 我在stackoverfl
-
来自维基百科： 要发起跨源请求，浏览器发送带有源HTTP标头的请求。这个标题的值是为页面服务的站点。例如，假设http://www.example-social-network.com上的一个页面试图访问online-personal-calendar.com中的用户数据。如果用户的浏览器实现了CORS，则将发送以下请求头： 来源：http://www.example-social-network
-
编辑2：我已经找到了一个可行的解决方案，但没有真正理解它的作用。如果有人能提供关于配置的更详细的解释，以及在亚马逊对配置的解释中所发生的背景魔法，那将是非常感谢的，就像nzifnab提供的赏金一样。
-
我有一个。NET核心应用程序，它有一个REST API被一个角客户机使用，但遇到了CORS问题。 但仍在客户端（运行在本地端口4200上）中获取错误： CORS策略阻止从来源“HTTP://localhost:4200”访问位于“HTTP://localhost/myapi/api/table”的XMLHttpRequest：对飞行前请求的响应没有通过访问控制检查：它没有HTTP ok状态。
-
问题内容： 这是我的代码： 这适用于GET请求而不是POST！ 我将Apache用作服务器，并使用以下命令对其进行了配置： 在我的angularjs中，我包含在模块应用程序的配置中： 但是请求POST仍然无法正常工作！ 我希望有人能提出任何想法。 问题答案： 在服务器端添加这些标头： 如果仍然无法正常工作，请发布浏览器正在发送的预检请求的详细信息。 为什么要这样做？ 如果不是简单的请求（例如，表单