Семантический пользовательский интерфейс: невозможно получить доступ к значкам («запрос CORS, а не http») - PullRequest
0 голосов
/ 27 августа 2018

Я пытаюсь заставить работать следующий пример:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Understanding - Main</title>
    <link rel="stylesheet" type="text/css" href="../semantic/dist/semantic.min.css">
  </head>
  <body>

    <script
      src="https://code.jquery.com/jquery-3.1.1.min.js"
      integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
      crossorigin="anonymous"></script>
    <script src="../semantic/dist/semantic.min.js"></script>
    <script>
      $('#menu-opener').click(function(){ $('.sidebar.menu').sidebar('toggle') })
    </script>

      <div class="ui container">
        <div class="ui sidebar vertical menu">
          <div class="item">Home</div>
          <div class="item">Map</div>
          <div class="item">1. Prehist</div>
          <div class="item">2. Ancient</div>
        </div>
        <i id="menu-opener" class="content icon"></i>
      </div>
  </body>
</html>

Однако значок не загружается и консоль печатает

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at file:////home/abcd/Web/ExplainSemantic/semantic/dist/themes/default/assets/fonts/icons.woff2. (Reason: CORS request not http).

Я попытался найти эту ошибку, нокаждый найденный мной случай касался человека, запрашивающего онлайн-базу данных.Учитывая, что я не знаю PHP, было бы неплохо не учить его, чтобы исправить эту ошибку - хотя, если это то, что требуется, я думаю, что это тот самый кроличий канал, на котором я сейчас нахожусь.Но если есть разрешение, отличное от PHP, я буду признателен за его изучение.Спасибо!

1 Ответ

0 голосов
/ 27 августа 2018

Файлы шрифтов, такие как .woff2, должны быть размещены на сервере!

Невозможно использовать протокол file:// для доступа к нему

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...