1. 程式人生 > >express訪問靜態資源

express訪問靜態資源

nodejs 內建變數含義

  1. __dirname 表示當前檔案所在的目錄的絕對路徑
  2. __filename 表示當前檔案的絕對路徑
  3. module.filename ==== __filename 等價
  4. process.cwd() 返回運行當前指令碼的工作目錄的路徑
  5. process.chdir() 改變工作目錄

案例一

const express = require('express')
const path = require('path')
const app = express()
// path.join(__dirname, 'public') 表示工程路徑後面追加 public
app.use(express.static(path.join(__dirname, 'public'))) app.listen(8080, () => { console.log(`App listening at port 8080`) })

其中最主要的部分是app.use(express.static(path.join(__dirname, 'public'))),該行程式碼是在express新增中介軟體,設定靜態資源路徑為public,所有的HTML、CSS、JS等檔案都放在public下即可,後續程式碼遷移直接將public下的程式碼copy到Java Web的webRoot中就行

在瀏覽器位址列通過http://localhost/工程名/檔名去訪問工程\檔名,形成對映關係;當然,這個和後臺的URL匹配順序有一定的關係。

案例二

app.use("/static/file",express.static(path.join(__dirname, 'uploadfile')))

在瀏覽器位址列通過http://localhost/工程名/static/file/檔名去訪問工程\uploadfile\檔名,形成對映關係