express中如何引入页面中的路径

    想用nodejs+express+bootstrap做一个rainbow的页面小程序,但是在写的过程中,发现在index.ejs中引入的静态css和js都无法找到路径,而我使用的WebStorm是在页面中直接可以找到引用的路径的,在浏览器中的开发工具下,可以看到,引用css和js的路径用的是

指向“http://127.0.0.1:8989/static/bootstrap.min.js”的 <script> 加载失败。

解决办法:

在express中的入口js文件中添加如下信息

var path = require("path");
app.use(express.static(path.join(__dirname,'/static')));

然后在index.ejs中添加

<script src="/bootstrap.min.js"></script>
就可以了,这里注意因为在app.use中已经添加了/static,所以在index.ejs中直接写/bootstrap.min.js就可以了。

猜你喜欢

转载自blog.csdn.net/hhs57/article/details/80194402