Не удается загрузить ресурс, даже если он связан правильно

#html #css

#HTML #css

Вопрос:

У меня есть этот HTML-файл под названием register.html.

 <!DOCTYPE html>
<html>
<head>

  <title>Register</title>

  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <!-- Bootstrap 4 -->
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

  <!-- Google Font -->
  <link href="https://fonts.googleapis.com/css?family=Rancho" rel="stylesheet">

  <!-- Custom css Style -->
  <link href="style.css" rel="stylesheet" type="text/css">

</head>
<body>

  <h1 class="hello">Hello</h1>

</body>
</html>

Файл css находится в той же папке, что и файл html.
Это файл style.css.

 .hello {
  font-size: 100px;
}

Когда я запускаю код, он говорит, что ресурс style.css не может быть загружен.
Когда я открываю необработанный файл с помощью safari, он работает, но когда я использую сервер flask, он не работает.
Что не так с моим кодом?

1. если он находится в том же каталоге, вы могли бы попробовать href="file://./style.css" . Но вы должны знать, что это не сработает, если вы его развернете

2. Если вы используете Flask, попробуйте поместить свой CSS-файл в папку с именем static , а затем вызвать его следующим образом: <link ... href="{{ url_for('static', filename='/style.css') }}" />

3. Да, спасибо, это работает.

Ответ №1:

style.css скорее всего, браузер разрешает что-то вроде http://your-server.com/style.css (подразумевая, что вы просматриваете его из index.html корня вашего сервера), поэтому, если ваш файл не находится в том же каталоге или веб-сервер не настроен для обслуживания таких файлов, браузер не загрузит его.

Ответ №2:

Возможно, это ошибка пути. style.css недоступен по этому конкретному пути.Вы также можете проверить полную ошибку, проверив элемент на консоли вашего браузера или в журналах приложений.

1. Просматриваю ошибку в инспекторе chrome. В нем говорится, что при попытке загрузки ресурса произошла ошибка. Я начал с нуля, чтобы посмотреть, сработает ли это, но это все еще не работает.