Meteor 组件 iron router 路由

最新推荐文章于 2018-09-10 16:03:06 发布

翻译最新推荐文章于 2018-09-10 16:03:06 发布 · 757 阅读

meteor 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一款专为Meteor设计的路由器，支持服务器端和浏览器端路由配置。文章详细讲解了如何创建客户端和服务端路由，并演示了如何使用路由参数来处理动态URL。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

它是为Meteor设计的一套在服务器和浏览器端工作的路由器，你可以定义一个路由，只在服务端运行或只在客户端运行。

##安装

<code>meteor add iron:router</code>

##应用

###创建客户端路由

Router.route('/', function () {

this.render('Home');

});

>注释::当用户导航栏地址为URL根目录，则在该页面执行模板名为“Home”的代码块。

###创建服务端路由

Router.route('/item', function () {

 var req = this.request;

 var res = this.response;

 res.end('hello from the server\n');

},<span style="font-family: Arial, Helvetica, sans-serif;">{</span>

<span style="font-family: Arial, Helvetica, sans-serif;"> where: 'server</span>

<span style="font-family: Arial, Helvetica, sans-serif;">'}</span><span style="font-family: Arial, Helvetica, sans-serif;">);</span>

>注释::where:'server'选项告诉路由器，这是服务器端路由。

##路由参数

### 获取一个像 "/post/5/comments/100"的地址

<pre name="code" class="javascript">Router.route('/post/:_id/comments/:commentId', function () {

  var id = this.params._id; // "5"

  var commentId = this.params.commentId; // "100"

});

>注释::<span style="color: rgb(0, 0, 255); font-family: Arial, Helvetica, sans-serif;">参数的实际值将被存储在你的路由函数</span><span style="color: rgb(0, 0, 255); font-family: 'Times New Roman';">this.params</span><span style="color: rgb(0, 0, 255); font-family: 宋体;">属性中</span>

###获取一个像"/post/5?q=s#hashFrag"的地址

Router.route('/post/:_id', function () {

  var id = this.params._id;

  var query = this.params.query;  // query.q -> "s"

  var hash = this.params.hash; // "hashFrag"
});

>注释::<span style="font-family: Arial, Helvetica, sans-serif;">你可以通过this.params</span><span style="font-family: 宋体;">对象获取query和hash属性。</span>