路由重定向

简介: 路由重定向
声明:对于transition这个词直译是“过渡”的意思,但是总觉得“路由的过渡”读起来总有那么一点别扭,想了下于是就用“切换”替代吧,如有不妥欢迎指正。

我们熟知的Java、PHP等语言都提供了URL的重定向,那么Ember的重定向又是怎么去实现的呢?

如果是从路由重定向到另外一个路由你可以调用transitionTo方法,如果是从controller重定向到一个route则调用transitionToRoute方法。transitionTo方法所实现的功能与link-to的作用是一样的,都可以实现路由的切换。
如果重定向之后的路由包含有动态段你需要解析model数据或者指定动态段的值。由于不是直接执行URL所以不会执行重定向之后的路由的model回调。

1,切换路由前获取model

如果你想在路由切换的时候不加载model你可以调用beforeModel回调,在这个回调中实现路由的切换。

beforeModel() {
    this.transitionTo('posts');
}

2,切换路由后获取model

有些情况下你需要先根据model回调获取到的数据然后判断跳转到某个路由上。此时你可以使用afterModel回调方法。

afterModel: function(model, transition) {
    if (model.get(‘length’) === 1) {
        this.transitionTo('post', model.get('firstObject'));
    }
}

切换路由,并初始化数据为model的第一个元素数据。

3,重定向到子路由

Router.map(function() {
    this.route('posts', function() {
        this.route('post', { path: '/:post_id'});
    }); 
});

子路由的重定向有些许不同,如果你需要重定向到上面这个段代码的子路由posts.post上,如果是使用beforeModelmodelafterModel回调重定向到posts.post父路由posts会重新在执行一次,再次执行父路由这种方式就显得有点多余了,特别父路由需要加载的数据比较多的时候,会影响到加载的效率。
如果是这种情况我们可以使用redirect回调,此回调不会再次执行父路由。仅仅是实现路由切换而已。

redirect: function(model, transition) {
    if (model.get('length') === 1) {
        this.transitionTo('posts.post', model.get('firstObject'));
    }
}

重定向到子路由,解析之后会得到的类似于posts/2这种形式的URL。

以上就是全部路由的重定向方式,主要有4个回调:beforeModelmodelafterModelredirect。前面三种使用场景差别不大,redirect主要用于重定向到子路由。

相关文章
|
6月前
|
前端开发
请求转发和重定向的区别
请求转发和重定向的区别
86 0
SpringMVC 如何设定重定向和转发的?
SpringMVC 如何设定重定向和转发的?
59 0
|
存储 Java 应用服务中间件
一文了解转发与重定向
一文了解转发与重定向
106 0
重定向和请求转发的区别
重定向和请求转发的区别
86 0
QGS
|
容器
浅谈SpringMVC之转发与重定向
SpringMVC转发与重定向的使用 转发:由web服务器跳转(可携带数据集合)。 重定向:由浏览器跳转(跳转页面)。
QGS
117 0
|
前端开发
请求转发与请求重定向
请求转发与请求重定向
266 0
请求转发与请求重定向
|
JavaScript 开发者
路由-路由 redirect 重定向的使用|学习笔记
快速学习路由-路由 redirect 重定向的使用
235 0
路由-路由 redirect 重定向的使用|学习笔记
|
JavaScript 开发者
路由-路由redirect重定向的使用|学习笔记
快速学习路由-路由redirect重定向的使用
302 0
路由-路由redirect重定向的使用|学习笔记
【Gin】文件上传,请求重定向,路由和路由组
路由组 我们可以将拥有共同URL前缀的路由划分为一个路由组。习惯性一对{}包裹同组的路由,这只是为了看着清晰,你用不用{}包裹功能上没什么区别。
180 0