Question

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

(/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>

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

Answer 1

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

<强> server.js

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

Answer 2

A＆＃34; /＆＃34;用于href引用您域名的根目录（www.domain.de/） - 如果您的项目位于子文件夹中，则必须将该文件夹包含在您的链接中。

样式表的路径是＆＃34; /public/stylesheets/main.css" ;,除非文件夹＆＃34; V1＆＃34; （root）是您域中的实际子文件夹 - 在这种情况下，您必须先添加＆＃34; / V1＆＃34;链接。

Answer 3

你需要再增加一个目录，所以从它的外观来看，你的代码应该是这样的：

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

（记住开头和结尾的＆lt;＆gt;）

这应该会将您的顶级文件夹带到样式表中。

目录导航到CSS样式表

3 个答案: