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