无法从express.js加载静态文件

时间:2016-08-30 21:27:37

标签: javascript html angularjs node.js express

我是node.js和后端编程的新手。我无法从express加载静态文件。我没有使用' public'目录。我需要来自' js'的js文件。夹。 这是文件夹结构 folder structure:

在index.js中 我提到过:app.use('/js',express.static(__dirname + '/js'));



index.html:
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/sngulsr.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/2.1.3/ui-bootstrap.min.js"></script>
<script type="text/javascript" src="js/angular-routing.js"></script>
<script type="text/javascript" src="js/angular-main.js"></script>
<script type="text/javascript" src="js/controllers.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.10.0/ui-bootstrap-tpls.js"></script>
&#13;
&#13;
&#13;

(这些是未加载的文件)

所以,当我运行该文件时,由于jquery没有加载,我得到$ not defined error。

编辑: 从app.use image EDITED_IMG

中删除__dirname后

1 个答案:

答案 0 :(得分:1)

稍微修改您的配置

app.use(express.static(__dirname + '/js'));

然后引用相对于js文件夹的所有js路径,例如。

<script type="text/javascript" src="/jquery.min.js"></script>

您在static方法中定义的路径将成为静态文件的根目录。