【Node.js練習】根據不同的url響應不同的html内容

​​Node.js教學 專欄 從頭開始學習​​

目錄

​​ 核心實作步驟​​

​​ 實作代碼​​

 核心實作步驟

1. 擷取請求的url位址
2. 設定預設的相應内容為404 Not found
3. 判斷使用者請求的是否為/或/index.html 傳回 首頁
4. 判斷使用者請求的是否為/about.html 傳回 關于頁面
5. 設定Content-Type響應頭，防止中文亂碼
6. 調用res.end（）方法響應給用戶端

 實作代碼

const http = require('http');
const server = http.createServer();

server.on('request', function (res, req) {
    //擷取請求的url位址
    const url = res.url;
    //設定其他網址恢複 404 Not Found
    let content = '404 Not Found';
    //通路/或者/index.html則傳回首頁
    //通路about.html則傳回關于我們
    if (url === '/' || url === '/index.html') {
        content = '<h1>首頁</h1>'
    } else if (url === '/about.html') {
        content = '<h1>關于頁面</h1>'
    }
    //設定響應頭
    req.setHeader('Content-Type', 'text/html;charset=utf-8');
    //發送消息到用戶端
    req.end(content);
})
server.listen(8080, () => {
    console.log('server running at http://127.0.0.1:8080');
})      

運作之後點選連結進去頁面

 進去之後預設的就是首頁也就是/當我們再位址欄輸入index.html同樣也是首頁

我們改成about.html試一試