如何在 ejs 视图中呈现 css？

Question

我有以下文件夹结构：

|——-index.js
├── public
│   └── css
│       └── styles.css
├── routes
│   ├── index.routes.js
│   └── users.routes.js
└── views
    ├── login.ejs
    ├── profile.ejs
    └── register.ejs

在我的 index.js 文件中，我将样式表的源设置为 /public:

app.use(express.static("public"));
app.set("view engine", "ejs");

我的登录路由器是 /users/login，该端点正在呈现我的视图页面 login.ejs。

在 login.ejs 中，我按如下方式导入样式表：

<!-- bootstrap -->
    <link
      rel="stylesheet"
      href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
      integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
      crossorigin="anonymous"
    />

<!-- stylesheet -->
    <link href="css/styles.css" type="text/css" />

不幸的是，css 没有呈现，我似乎无法向我的视图页面添加任何样式。我导入不正确吗？是不是嵌套目录的问题

Answer 1

尝试在 head 标签中像这样导入 css-

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <link rel="stylesheet" href="/css/styles.css">

如何在 ejs 视图中呈现 css？

How to render css in ejs views?

html

javascript

css

ejs