如何将 javascript 文件包含在 html 中？

Question

我正在开发一个 MEAN 应用程序。我只使用 express "app name" 命令构建了我的目录结构，并且我创建了一个 index.ejs 文件，我的所有前端 javascript 文件但是由于某种原因，当我运行该应用程序，它 returns 404 找不到 js 文件。我需要使用什么正确路径才能将我的 app.js、loginController.js、mainController.js 和 registerController.js 正确包含到我的 index.ejs.

这是index.ejs，我在底部包含了js文件。我的src路径错了吗？安吾

<body ng-app="secret">
    <div id="mainBar">
        <div id="mainBarWrapper">
            <div id="siteLogo">
                <img src="images/mimiLogo.png" alt="mimi"/>
            </div>
            <div>
                <ul id="navBar">
                    <li><a ui-sref="main">Home</a></li>
                    <li>&nbsp;|&nbsp;</li>
                    <li><a ui-sref="login">Login</a></li>
                    <li>&nbsp;|&nbsp;</li>
                    <li><a ui-sref="signUp">Sign Up</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div ui-view></div>
</body>

<script src="../public/javascripts/app.js"></script>
<script src="../public/javascripts/mainController.js"></script>
<script src="../public/javascripts/loginController.js"></script>
<script src="../public/javascripts/registerController.js"></script>

这是我遇到的错误。

Answer 1

在您的节点服务器中将您的 public 文件夹设为静态

app.use(express.static('public'));

或

为您的文件设置路径。

Answer 2

如您所见，正在加载您的图片。但是您的脚本不是。您需要删除 url 的 ../public/ 部分，使其成为 javascript/index.js

这来自表示静态文件夹public。

如何将 javascript 文件包含在 html 中？

how to include the javascript files in html?

html

javascript

mean-stack