0
에 내가 부트 스트랩 네비게이션 바에을 구현하고 있지만 내 문제를 분류하는 시도했지만 위치에 대한 여전히 혼란없음 '액세스 - 제어 - 허용 - 원산지'오류 콘솔
말을 내 콘솔에서 오류를 표시하는 것 나는 잘못하고있다. 누구든지 내 실수를 찾아 내도록 도와 줄 수 있습니까?
mdbootstrap.com의 로컬 복사본을 한 후 나는 이러한 오류
코드이 http://mdbootstrap.com와 CORS 문제 것으로 보인다
<head>
<meta charset="UTF-8">
<title></title>
<!-- Material Design Icons -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<!-- Bootstrap core CSS -->
<link href="http://mdbootstrap.com/live/_doc/css/bootstrap.min.css" rel="stylesheet">
<!-- Material Design Bootstrap -->
<link href="http://mdbootstrap.com/live/_doc/css/mdb.min.css" rel="stylesheet">
<!-- SideNav slide-out button -->
<a href="#" data-activates="slide-out" class="navbar-brand button-collapse"><i class="material-icons">menu</i></a>
<!--/. SideNav slide-out button -->
<!-- SCRIPTS -->
<!-- JQuery -->
<script type="text/javascript" src="http://mdbootstrap.com/live/_doc/js/jquery.min.js"></script>
<!-- Bootstrap core JavaScript -->
<script type="text/javascript" src="http://mdbootstrap.com/live/_doc/js/bootstrap.min.js"></script>
<!-- Material Design Bootstrap -->
<script type="text/javascript" src="http://mdbootstrap.com/live/_doc/js/mdb.min.js"></script>
<style type="text/css">
body {
background: url("http://mdbootstrap.com/images/regular/nature/img%20(23).jpg") no-repeat center center fixed;
background-size: cover;
}
</style>
<script type="text/javascript">
// Initialize collapse button
$(".button-collapse").sideNav();
// Initialize collapsible (uncomment the line below if you use the dropdown variation)
$('.collapsible').collapsible();
</script>
</head>
<!-- Sidebar navigation -->
<ul id="slide-out" class="side-nav admin-side-nav dark-side-nav">
<!-- Side navigation links -->
<ul class="collapsible collapsible-accordion">
<li><a href="#intro" class="waves-effect waves-light"><i class="fa fa-home"></i> Home</a></li>
<li><a href="#" class="waves-effect waves-light"><i class="fa fa-money"></i> Sales</a></li>
<li><a href="#" class="waves-effect waves-light"><i class="fa fa-line-chart"></i> Conversion</a></li>
<li><a href="#" class="waves-effect waves-light"><i class="fa fa-users"></i> Website Traffic</a></li>
<li><a href="#" class="waves-effect waves-light"><i class="fa fa-search"></i> SEO</a></li>
<li><a href="#" class="waves-effect waves-light"><i class="fa fa-share-alt"></i> Social</a></li>
</ul>
<!--/. Side navigation links -->
</ul>
<!--/. Sidebar navigation -->
<!--Navbar-->
<nav class="double-navbar navbar navbar-fixed-top unique-color z-depth-1" role="navigation">
<div class="container-fluid">
<div class="navbar-header pull-left">
<!-- SideNav slide-out button -->
<a href="#" data-activates="slide-out" class="button-collapse"><i class="fa fa-bars"></i></a>
<!--/. SideNav slide-out button -->
</div>
<!-- Navbar Icons -->
<ul class="list-inline pull-right text-center">
<li><a href="#" class="waves-effect waves-light" data-toggle="modal" data-target="#contact-form"><i class="fa fa-question"></i><br><span>Help</span></a></li>
<li><a href="#" class="waves-effect waves-light" data-toggle="modal" data-target="#contact-form"><i class="fa fa-cogs"></i><br><span>Settings</span></a></li>
<li><a href="#" class="waves-effect waves-light" data-toggle="modal" data-target="#contact-form"><i class="fa fa-sign-out"></i><br><span>Logout</span></a></li>
</ul>
<!--/. Navbar Icons -->
</div>
</nav>
<!--/.Navbar-->
<div class="container">
<div class="space-50" style="height: 300px"></div>
<h1 class="white-text">Scorll Down</h1>
<div class="space-50" style="height: 900px"></div>
</div>
CORS 문제처럼 보입니다. 참조 : http : //stackoverflow.com/questions/21854516/understanding-ajax-cors-and-security-considerations –
@ TheDembinski 나는 그것을 읽었습니다! 어떻게해야합니까? –
나는 무례하거나 무례하게되고 싶지 않습니다. 그러나 이것은 매우 일반적인 문제이며이를 파악하는 방법은 실제로 그것을 고치는 것보다 10 배 더 가치가 있습니다. 문제를 이해하십시오. 접근 방식을 조정하십시오. 승리. –