Question

我有一个名为register.html的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。当我使用野生动物园打开原始文件时，它可以工作，但是当我使用Flask服务器时，它不起作用。我的代码有什么问题？

Answer 1

可能是路径错误。 style.css在该特定路径上不可用。您也可以通过在浏览器控制台或应用程序日志中使用inspect元素来检查完整错误。

Answer 2

style.css很可能已被浏览器解析为类似http://your-server.com/style.css的内容（这意味着您正在从服务器根目录的index.html对其进行查看），因此如果文件不是在同一目录中，或者未将Web服务器配置为提供此类文件，浏览器将不会加载该文件。

即使正确链接也无法加载资源

2 个答案: