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就可以了。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章