Question

我正在建立网站，尝试连接css文件时使用html链接标记遇到一些麻烦。基本上，每当我将文件放在名为“ static”的文件夹中时，查找样式表都没有问题，但是如果我只更改文件夹的名称，则在css文件上得到404。只需将它们放在一个名为static的文件夹中并每天调用它会很好，但不幸的是，该文件仅上传一次，我必须清除浏览器历史记录才能查看我对该文件所做的任何更改，这非常令人讨厌。

我正在使用名为Flask的python框架进行托管，并且现在所有内容都位于localhost上，因此连接不应该成为问题。我尝试了许多不同的组合

"../testfolder/stylesheet.css"
"./testfolder/stylesheet.css" 
"/testfolder/stylesheet.css" 
"testfolder/stylesheet.css"

，但没有一个起作用。但是，当我确实使用“静态”而不是“测试文件夹”时，一切正常。

我已经在StackOverflow和其他站点上检查了许多其他问题，但尚未找到针对此特定问题的答案。预先感谢您的帮助。

我的文件结构如下

>app
  app.py
  >templates
    index.html
  >testfolder
    stylesheet.css

html标记看起来像这样

<!DOCTYPE html>
<html>
  <head>
    <script src="stati/functions.js"></script>
    <link href="stati/stylesheet.css" rel="stylesheet">
  </head>

.css文件如下所示

.sidenav {
  right: 0;
  height: 100%;
  width: 200px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  padding-top: 20px;
}

/* Page content */
.main {
  margin-left: 200px
}

等你明白了

这是我尝试除静态文件夹以外的任何操作时收到的错误消息

 127.0.0.1 - - [18/Jul/2019 18:01:34] "GET /stati/stylesheet.css HTTP/1.1" 404 -

这是我使用static时收到的消息

127.0.0.1 - - [18/Jul/2019 18:01:03] "GET /static/stylesheet.css HTTP/1.1" 200 -

Answer 1

只有具有URL的文件才能从Web服务器加载。

Flask使用routes来确定要发送给网络浏览器的任何给定文件的内容。

如果希望它从磁盘读取文件并提供服务，则需要为其创建路由。通常，您可以使用special static endpoint（内置）进行此操作。

如果您不想使用它，则需要编写一些自定义内容。给它一个URL。

除非将CSS文件与html项目链接，否则无法将其链接到名为static的文件中

1 个答案: