(三)、Express 路由、靜態文件、

1、路由 javascript

 

 路由(Routing)是由一個 URI(或者叫路徑)和一個特定的 HTTP 方法(GET、POST 等)組成的,涉及到應用如何響應客戶端對某個網站節點的訪問。css

每個路由均可以有一個或者多個處理器函數,當匹配到路由時,這個/些函數將被執行。html

  建立一個一個命名爲 appexpress 實例:java

  路由的定義由以下結構組成:app.METHOD(PATH, HANDLER)。其中,express

    app 是一個 express 實例;服務器

    METHOD 是某個 HTTP 請求方式中的一個;app

    PATH 是服務器端的路徑;函數

    HANDLER 是當路由匹配到時須要執行的函數。post

  下面的代碼展現了幾個路由實例:網站

// 對網站首頁的訪問返回 "Hello World!" 字樣
app.get('/', function (req, res) {
  res.send('Hello World!');
});

// 網站首頁接受 POST 請求
app.post('/', function (req, res) {
  res.send('Got a POST request');
});

// /user 節點接受 PUT 請求
app.put('/user', function (req, res) {
  res.send('Got a PUT request at /user');
});

// /user 節點接受 DELETE 請求
app.delete('/user', function (req, res) {
  res.send('Got a DELETE request at /user');
})

 

 

2、靜態文件

  經過 Express 內置的 express.static 能夠方便地託管靜態文件,例如圖片、CSS、JavaScript 文件等。

  將靜態資源文件所在的目錄做爲參數傳遞給 express.static 中間件就能夠提供靜態資源文件的訪問了。例如,假設在 public 目錄放置了圖片、CSS 和 JavaScript 文件,你就能夠:

 

app.use(express.static('public'));

 

如今,public 目錄下面的文件就能夠訪問了。

http://localhost:3000/images/kitten.jpg
http://localhost:3000/css/style.css
http://localhost:3000/js/app.js
http://localhost:3000/images/bg.png
http://localhost:3000/hello.html

 

全部文件的路徑都是相對於存放目錄的,所以,存放靜態文件的目錄名不會出如今 URL 中。

若是你的靜態資源存放在多個目錄下面,你能夠屢次調用 express.static 中間件:

app.use(express.static('public'));
app.use(express.static('files'));

 

訪問靜態資源文件時,express.static 中間件會根據目錄添加的順序查找所需的文件。

若是你但願全部經過 express.static 訪問的文件都存放在一個「虛擬(virtual)」目錄(即目錄根本不存在)下面,能夠經過爲靜態資源目錄指定一個掛載路徑的方式來實現,以下所示:

app.use('/static', express.static('public'));

 

如今,你就能夠經過帶有 「/static」 前綴的地址來訪問 public 目錄下面的文件了。

http://localhost:3000/static/images/kitten.jpg
http://localhost:3000/static/css/style.css
http://localhost:3000/static/js/app.js
http://localhost:3000/static/images/bg.png
http://localhost:3000/static/hello.html
相關文章
相關標籤/搜索