导航到 CSS 样式表的目录答案

【问题标题】：Directory navigating to CSS Stylesheet导航到 CSS 样式表的目录
【发布时间】：2017-08-08 22:50:14
【问题描述】：

我正在尝试导航到样式表，我尝试了很多选项，但没有一个有效。

(/stylesheets/main.css)
(../stylesheets/main.css)
(./stylesheets/main.css)

我的文件树如下所示：

V1(root)
---- >public
-------- >img
------------ logo.png
-------- >stylesheets
------------ main.css
---- >views
-------- >partials
------------ header.ejs
------------ footer.ejs
-------- landing.ejs

我的header.ejs 包括landing.ejs

这是我正在使用的代码：

header.ejs

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Event Ticketing</title>
    <link rel="stylesheet" href="/stylesheets/main.css">
</head>

landing.ejs

<% include ./partials/header %>

<h1>Landing Page</h1>

当我尝试渲染着陆视图时，我根本没有得到任何样式链接。我认为路径不正确，但不知道如何链接它。

【问题讨论】：

我认为您需要查看几个目录，因此从外观上看，您需要这样做：../../stylesheets/main.css。这应该将您带到public 的目录，然后进入stylesheets

标签： html css node.js ejs

【解决方案1】：

你需要再上一个目录，所以看起来你的代码应该是这样的：

link rel="stylesheet" type="text/css" href="../../folder/file.css"

（记住开头和结尾的）

这应该带您进入顶级文件夹，然后进入样式表。

【讨论】：

【解决方案2】：

确保在主节点应用程序中为public 目录设置静态路径。

server.js

// after setting ejs as engine
app.use(express.static(path.join(__dirname, 'public')));
// before routing

【讨论】：

【解决方案3】：

href 引用中使用的“/”指向您的域的根目录 (www.domain.de/) - 如果您的项目位于子文件夹中，则必须将该文件夹包含到您的链接中。

样式表的路径是“/public/stylesheets/main.css”，除非文件夹“V1”（根）是您域中的实际子文件夹 - 在这种情况下，您必须在前面加上“/V1”到链接。

【讨论】：