无法使用 ../ 返回文件树 [重复]

【问题标题】：Can't Go Back in File Tree with ../ [duplicate]无法使用 ../ 返回文件树 [重复]
【发布时间】：2017-04-30 15:15:01
【问题描述】：

我的网站有这样的文件结构

css
  style.css
  other files...
templates
  index.html
  other files...

我正在尝试从我的 index.html 文件中引用 style.css。

我尝试使用 ../ 返回目录

<link rel="stylesheet" type="text/css" href="../css/style.css">

但它给了我一个 404 错误。我尝试使用相同的方法引用不同目录中的其他文件，但这也不起作用。有什么想法吗？

附：不确定这是否重要，但这是一个使用 Flask 框架和 PostgreSQL 的 Python 应用程序

【问题讨论】：

【解决方案1】：

它是一个 Flask 应用程序这一事实实际上非常重要。如果这类似于普通 PHP，您的 html 页面将在 yoursite.com/templates/index.html 提供。因为它是 Flask，所以您可能在 yoursite.com/index（或您决定的任何其他路径）提供它。

您对 css 路径的相对引用实际上是在尝试比根域更上一层楼。如果您更改了对以下内容的引用并设置了在该路径上提供该文件的路径，它将起作用：

<link rel="stylesheet" type="text/css" href="/css/style.css">

但这将是一个很大的努力。相反，您应该使用 Flask 的 built in url_for() 和 /static 文件夹结构（而不是 /css）

<link rel=stylesheet type=text/css href="{{ url_for('static', filename='style.css') }}">

【讨论】：