从车把访问 css 的问题（快速 API）答案

【问题标题】：Problem accessing css from handlebars (express API)从车把访问 css 的问题（快速 API）
【发布时间】：2021-04-23 17:41:38
【问题描述】：

所以我遇到了一个问题，我根本无法让 css 对我的 hbs 代码产生任何影响。

我的服务结构如下：

服务
- 控制器
- 型号
- 公开
  - CSS
    - styles.css
- 路由器
- 查看次数
  - index.hbs
- app.js
- package.json
- 过程文件
- node_modules
- package-lock.json

现在，我希望我的 index.hbs 文件使用公共 css 文件夹中的样式表“styles.css”。因此，我在 index.hbs 中对其进行了引用：

链接 rel="stylesheet" href="../public/css/styles.css">

另外，我把 app.use(express.static(path.join(__dirname, '/public'))); 放在我的 app.js 中

当我 ctrl+click 引用 hbs（在 VSC 中）时，它会将我带到正确的 css 文件，但在我运行应用程序时它不起作用。应用程序路由有问题吗？我觉得我已经尝试了一切，所以感谢任何反馈
- 弗雷德

【问题讨论】：

样式表将与您的应用程序相关。您也不需要放置 public 路径，因为已经假定这是所有内容的来源。你应该在你的link中去/css/styles.css
哇哦。我现在觉得超级笨。非常感谢 - 我本可以花几个小时来寻找高级解决方案。真的很感激
以前也有人问过类似的问题。见：stackoverflow.com/a/66732509/3397771

标签： javascript css api express handlebars.js

【解决方案1】：

当您将“公共”文件夹设置为静态时，您不必定义相对路径，您的链接应如下所示：

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

【讨论】：