如何将我的一个CSS文件链接到不同文件夹中的所有HTML文件？

w1jd8yoj 于 2023-01-14 发布在其他

关注(0)|答案(2)|浏览(159)

我尝试从父文件夹访问CSS，以便使其成为唯一的CSS文件。尝试访问时出现错误。

GET http://localhost:3000/style.css net::ERR_ABORTED 404 (Not Found)

app.Static("/", "static/home")
# static/home has index.html
app.Static("/signup", "static/signup", #options)
# static/signup has signup.html

我的CSS工作正常，当我把它放在一个由app.Static选择的文件夹中。但是，我只想1 CSS文件，我所有的html文件都可以访问。因此，我想它在静态文件夹中，但由于某种原因，我的HTML文件不能访问它。

<link rel="stylesheet" href="../style.css">
# Both files have this link tag

我猜问题是我处理问题的方法错误，应用程序。静态不能看到它选择的文件夹以外？

2条答案

链接的href属性应为绝对路径：

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

由于加载到浏览器中的HTML文件将具有以/signup开头的路径，因此相对资源路径../style.css可能并不总是对/style.css的引用。

你想做的事是可能的。
假设该结构：

├── main.go
└── static
    ├── home
    │   └── index.html
    └── style.css

您只需要将./static设置为根文件夹。

app.Static("/", "static")

然后在./static/home/index.html中用途：

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

这样，您就可以使用./static/style.css转到http://localhost:3000/home并查看./static/home/index.html的内容。