摘要:上一節(jié)我們成功的分離了文件和文件路由控制跳轉(zhuǎn)控制就是路由,其實(shí)簡單來說,就是路由。同時(shí),和也要跟著變動(dòng)。如下重啟我們分別在瀏覽器輸入和,命令行打印結(jié)果如下,成功的顯示了我們請(qǐng)求的路由。
上一節(jié)我們成功的分離了server.js文件和start.js文件
路由控制
跳轉(zhuǎn)控制就是路由,其實(shí)簡單來說,URL就是路由。那么我們來創(chuàng)建一個(gè)路由的示例,首先新建一個(gè)router.js文件
function route(pathname) { console.log("Route for path requested:" + pathname); } exports.route = route;
這里我們創(chuàng)建一個(gè)路由模塊,route方法接受一個(gè)路徑名作為參數(shù),然后打印這個(gè)路徑。同時(shí),start.js和server.js也要跟著變動(dòng)。
start.js如下:
var http = require("http"); var url = require("url"); function start(router) { console.log("Starting~~"); function onRequest(req, res) { var pathname = url.parse(req.url).pathname; router.route(pathname); res.writeHead(200,{ "Content-Type":"text/plain" }); res.write("The First Server"); res.end(); } var port = process.env.port || 1337; http.createServer(onRequest).listen(port); console.log("Started!!"); } exports.start = start;
我們在start方法中增加了router參數(shù),并且在獲取到pathname后調(diào)用router.route(pathname);,這里會(huì)再router模塊中打印我們的pathname。
server.js如下:
var server = require("./start"); var router = require("./router"); server.start(router);
重啟node,我們分別在瀏覽器輸入http://127.0.0.1:1337和http://127.0.0.1:1337/xx,命令行打印結(jié)果如下,成功的顯示了我們請(qǐng)求的路由。
小結(jié)
這一節(jié)我們實(shí)現(xiàn)了簡單的路由控制,下一節(jié)我們會(huì)實(shí)現(xiàn)更復(fù)雜的路由控制。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/18939.html
摘要:上一節(jié)我們成功的分離了文件和文件路由控制跳轉(zhuǎn)控制就是路由,其實(shí)簡單來說,就是路由。同時(shí),和也要跟著變動(dòng)。如下重啟我們分別在瀏覽器輸入和,命令行打印結(jié)果如下,成功的顯示了我們請(qǐng)求的路由。 上一節(jié)我們成功的分離了server.js文件和start.js文件 路由控制跳轉(zhuǎn)控制就是路由,其實(shí)簡單來說,URL就是路由。那么我們來創(chuàng)建一個(gè)路由的示例,首先新建一個(gè)router.js文件 functi...
摘要:函數(shù)式編程前端掘金引言面向?qū)ο缶幊桃恢币詠矶际侵械闹鲗?dǎo)范式。函數(shù)式編程是一種強(qiáng)調(diào)減少對(duì)程序外部狀態(tài)產(chǎn)生改變的方式。 JavaScript 函數(shù)式編程 - 前端 - 掘金引言 面向?qū)ο缶幊桃恢币詠矶际荍avaScript中的主導(dǎo)范式。JavaScript作為一門多范式編程語言,然而,近幾年,函數(shù)式編程越來越多得受到開發(fā)者的青睞。函數(shù)式編程是一種強(qiáng)調(diào)減少對(duì)程序外部狀態(tài)產(chǎn)生改變的方式。因此,...
摘要:在前后端分離的前端項(xiàng)目開發(fā)中經(jīng)常用到。是的一個(gè)中間件。即是一個(gè)重要的功能。配置先來在配置文件中引入添加一個(gè)和通信的客戶端添加應(yīng)用入口文件在插件中引入在我們的開發(fā)環(huán)境中是這樣配置的。 原文鏈接此文是我同事寫的,搭建Express結(jié)合Webpack。以下是正文,后面我會(huì)附上我的解讀 Express 結(jié)合 Webpack 實(shí)現(xiàn)HMR 本篇文件主要講結(jié)合 Webpack 和 Express 實(shí)...
摘要:在前后端分離的前端項(xiàng)目開發(fā)中經(jīng)常用到。是的一個(gè)中間件。即是一個(gè)重要的功能。配置先來在配置文件中引入添加一個(gè)和通信的客戶端添加應(yīng)用入口文件在插件中引入在我們的開發(fā)環(huán)境中是這樣配置的。 原文鏈接此文是我同事寫的,搭建Express結(jié)合Webpack。以下是正文,后面我會(huì)附上我的解讀 Express 結(jié)合 Webpack 實(shí)現(xiàn)HMR 本篇文件主要講結(jié)合 Webpack 和 Express 實(shí)...
閱讀 851·2021-11-15 17:58
閱讀 3652·2021-11-12 10:36
閱讀 3788·2021-09-22 16:06
閱讀 965·2021-09-10 10:50
閱讀 1332·2019-08-30 11:19
閱讀 3315·2019-08-29 16:26
閱讀 937·2019-08-29 10:55
閱讀 3347·2019-08-26 13:48