我如何使用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'
    }
)};

视图/ link.ejs

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

视图/分音/ header.ejs

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

公开/ CSS / style.css中

.myStyle {
   text-align: center";
 }

所以，如果我把这样的网址放在这个页面上工作正常 - ＆gt; localhost:8080/link

但如果我把这样的网址 - ＆gt; localhost:8080/link/而不是风格不匹配。

我能为此做些什么？

Answer 1

您如何构建文件目录？我想问题就在那里，因为在你的第二个网址中添加“/”就像你在第二个网址中那样告诉浏览器查看子目录“链接”，这是一个进一步“向下”的步骤你的文件结构。