javascript - Node.js-Express : Weird local paths

Question

我的本​​地路径的工作方式太奇怪了。例如，我的层次结构如下所示:

public > css > bootstrap.css

public > js > bootstrap.js

templates > layout > page.ejs (default template for any page)

templates > index.ejs and other .ejs templates

因此，我的 page.ejs 内部是我的样式和脚本链接:

<link rel="stylesheet" href="css/bootstrap.css"/>

<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>

出于某种原因它适用于我的index.js。每当我访问该网站并检查来源时，单击链接，所有内容都已找到且良好。每当我的 example.ejs 文件发生同样的情况时，就找不到这些链接，因为它是从源代码中的/players/目录调用的。

例如，从“/”页面调用这些文件如下所示:

GET /css/bootstrap.css 304 3.155 ms - -
GET /js/jquery.js 304 3.748 ms - -
GET /js/bootstrap.js 304 3.714 ms - -

但是从/players/中的同一模板调用同一文件的调用方式如下:

GET /players/css/bootstrap.css 404 1.436 ms - 38
GET /players/js/jquery.js 404 1.197 ms - 33
GET /players/js/bootstrap.js 404 1.151 ms - 36

显然它们带有标签 404，因为没有找到它们。所以我的问题是:

How do I work with all of my paths?

我已经尝试过这些文件的绝对路径 - 仍然没有找到。我尝试过考虑某种动态脚本，但我仍然不确定它是如何工作的。

由于某种原因，它添加了自己的文件路径，而不是使用模板的路径...呃，我什至不知道如何解释它，但我想你明白了。我认为“公共(public)”目录与路由相关联，因此我不需要将其包含到索引页请求的文件中，但其他文件呢？

谢谢你，很抱歉问了一个蹩脚的问题!

Answer 1

<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>

应该是这样的:

<script src="/js/jquery.js"></script>
<script src="/js/bootstrap.js"></script>

否则浏览器将包含与当前 URL 相关的脚本。