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

Not able to load the static files from express.js

本文关键字：加载 静态 文件 js express      更新时间：2023-09-26

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

在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>

(这些是没有被加载的文件)

所以，当我运行文件时，我得到$ not defined错误，因为jquery没有被加载。

编辑:删除__dirname后，使用imageEDITED_IMG

稍微修改一下配置

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

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

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

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

相关文章：