Question

我正在研究MEAN应用程序。我使用快速“app name”命令构建了我的目录结构，并且我创建了一个index.ejs文件，这个文件是我所有的前端javascript文件，但由于某种原因，当我运行应用程序时，它返回找不到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

使您的公用文件夹在节点服务器中保持静态

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

或

为您的档案设置路线。

Answer 2

正如您可以看到正在加载您的图像。但你的脚本不是。您需要将网址的../public/部分移除为javascript/index.js

这是表示静态文件夹public。

如何在html中包含javascript文件？

2 个答案: