1. 程式人生 > >【自己的整理】node.js建立靜態路由以及Router建立路由

【自己的整理】node.js建立靜態路由以及Router建立路由

node.js路由的設定

  • 靜態路由

首先作為基礎的建立一個靜態路由,是在express中最簡單的路由建立方法,這樣就可以訪問靜態路由下的任何一個存在的檔案。

先要建立一個js檔案,檔案命名隨便,比如我就把它叫做static.js,然後我們需要檢視路由是否真正有效,所有我先在static.js檔案的所在目錄建立一個名為public的檔案。然後在下面新建一個test.txt的檔案,並在檔案中寫入一點東西。test.txt的內容為”這是測試的txt檔案,喵喵喵!”;
以下為static.js

//static.js
var express = require('express');
var
app = express(); //建立一個固態路由 app.use(express.static('./public'));//public資料夾為Static.js所在的目錄 //監聽8889埠 app.listen(8889,function afterListen(){ console.log('聽取埠:http://localhost:8889'); });

在伺服器上執行這個指令碼
成功運行了
可以看到在服務端執行成功了,然後我們再測試下能不能訪問路由並且檢視伺服器端的test.txt檔案
首先我們在伺服器端檢視以下是否有效:
伺服器端建立成功
然後我們在瀏覽器端看看是否成功(其中tr.bunnycastle.top是我的伺服器主機所在ip的域名):
這裡寫圖片描述


到此靜態路由建立成功了

  • 用Router來建立路由
    Router是express4.x的新方法,一個嶄新的路由器,建立方法為:
var Router = express.Router();

下面我們來擴充一下上面的static.js,並把它命名為router.js
將其進行以下修改

//router.js
var express = require('express');
var app = express();
app.use(express.static('./public'));

var Router = express.Router();/*express4.x新增的方法*/
/* http://example.com/post/add http://example.com/post/list */ /*定義路由 包括add與list*/ Router.get('/add',function(req,res){ res.end('使用了路由Router /add\n'); }); Router.get('/list',function(req,res){ res.end('使用了路由Router /list\n'); }); //把定義的路由加入到app的配置裡面 前面的引數為基礎路徑,後面的引數為路由 app.use('/post',Router); //針對一個路由不同方法的不同處理請求 這裡為get和post兩種不同的請求 app.route('/article') .get(function(req,res){ res.end('使用了route /article get\m'); }) .post(function(req,res){ res.end('使用了route /article post\n'); }); //此處為主頁的返回資訊 app.get('/',function(req,res){ res.end('hello 世界!\n'); }); app.listen(8889,function afterListen(){ console.log('listen to http://localhost:8889'); });

首先我們來看看Router的效果
這裡寫圖片描述
然後我們看route處理兩種請求的效果
這裡寫圖片描述
還需要繼續補充