javascript - 在 yeoman 为 Angular 全栈生成的代码结构中提供静态内容

Question

我正在关注 yeoman 为 angular fullstack 生成的代码结构。

我想core.js在文件中包含一个名为app.html.

<script src="core.js"></script>

1. 我没有在任何地方看到 express.static 用于提供静态文件。
2. 我尝试使用它，但没有帮助。

它找不到它并给出404。

我该如何解决这个问题？

它以前也发生过，但我可以通过使用 express.static 并从它指向的位置提供文件来解决它。

但这一次并没有帮助。

更新：

我在名为 Music 的文件夹中有 app.html。在同一个文件夹中，我有一个名为 js 的子文件夹，我在其中放置了要包含在 app.html 中的 core.js 文件。我尝试使用绝对路径和相对路径访问它，但没有帮助，仍然给出 404。

Answer 1

在 Angular 中，脚本位于 /scripts 的相关子文件夹中。在 /controllers、/services/、/directives 等中。然后在 html 中引用它们，如下所示：

<script src="scripts/controllers/core.js"></script>

至于 express.static，express 是 HTTP 的 NodeJS 包装器。因此，这将是您创建的服务，它远程存在于某个 Node 服务器上。express.static 允许节点服务器从远程服务器上的文件集中传递静态内容文件。它不会出现在您的 Angular 应用程序中。