想用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就可以了。