Nodejs Express下引入本地文件的方法

Express的結構以下:javascript

    |---node_modules------用於安裝本地模塊。html

    |---public------------用於存放用戶能夠下載到的文件,好比圖片、腳本文件、樣式表等。
    |---routes------------用於存放路由文件。
    |---views-------------用於存放網頁的模板。
    |---app.js------------應用程序的啓動腳本。
    |---package.json------項目的配置文件。
從上述結構中可知要把本地文件放入public中,好比腳本文件js文件就能夠放入public文件夾下的javascripts中。
至於爲何放到其餘位置不起做用,答案以下:
app.js中對於引入靜態文件的程序以下:
app.use(express.static(path.join(__dirname, 'public')));//__dirname爲程序執行時的絕對路徑。
這樣一來,就指明瞭本地文件的引入方法。因此說把本地文件放入public下就有理有據了,下面講述一下在Express Ejs中具體的使用方法。
例如想引入本地的bootpicker.js文件,只需在html head中加入一下代碼:
<script src="/javascripts/datepicker.js" type="text/javascript"></script>
當瀏覽器發出非HTML文件請求時,服務器端就到public目錄下尋找javascripts,再到javascripts下尋找bootpicker.js文件。
相關文章
相關標籤/搜索