Question

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

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

＆＃13;

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;

（这些是未加载的文件）

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

编辑：从app.use image EDITED_IMG

中删除__dirname后

Answer 1

稍微修改您的配置

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

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

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

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

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

1 个答案: