我如何使用EJS和CSS样式

Question

我有一个页面，

server.js

app.use(express.static(path.join(__dirname, 'public')));
app.set('views', path.join(__dirname, 'views'));
app.get('/link', (req, res) => {
   res.render('link' , {
      title: 'this is title'
    }
)};

views/link.ejs

 <% include partials/header %>
 <%= title %>
 <p class="myStyle">this is sample text in center</p>

views/partials/header.ejs

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

public/css/style.css

.myStyle {
   text-align: center";
 }

所以，如果我将URL放在这样 -> localhost:8080/link

的情况下，此页面正常工作。

但是，如果我将URL像这样 -> localhost:8080/link/比样式不匹配。

我该怎么办？

Answer 1

您如何使文件目录结构化？我想问题存在，因为在URL末尾添加了"/"，就像您在第二个URL中所添加的那样，告诉浏览器在子目录的"链接"中查看，这是内部进一步的"下降"您的文件结构。