您的位置:首页 > Web前端 > Node.js

【自己的整理】node.js创建静态路由以及Router创建路由

2017-10-29 20:43 495 查看

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处理两种请求的效果



还需要继续补充
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  express node.js javascript