]> git.ipfire.org Git - thirdparty/vuejs/router.git/commitdiff
docs: relative redirect improvement (#1090)
authorYukon123 <82578034+Yukon123@users.noreply.github.com>
Tue, 24 Aug 2021 08:10:06 +0000 (16:10 +0800)
committerGitHub <noreply@github.com>
Tue, 24 Aug 2021 08:10:06 +0000 (10:10 +0200)
Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com>
docs/guide/essentials/redirect-and-alias.md

index 89eff33b92e0a7dbae121047cef72af6e94a5fe0..d825aa5d5dc673b834bb47c0c0e33e4034c6a950 100644 (file)
@@ -34,7 +34,7 @@ const routes = [
 ]
 ```
 
-Note that **[Navigation Guards](../advanced/navigation-guards.md) are not applied on the route that redirects, only on its target**. e.g. In the example below, adding a `beforeEnter` guard to the `/home` route would not have any effect.
+Note that **[Navigation Guards](../advanced/navigation-guards.md) are not applied on the route that redirects, only on its target**. e.g. In the above example, adding a `beforeEnter` guard to the `/home` route would not have any effect.
 
 When writing a `redirect`, you can omit the `component` option because it is never directly reached so there is no component to render. The only exception are [nested routes](./nested-routes.md): if a route record has `children` and a `redirect` property, it should also have a `component` property.
 
@@ -45,10 +45,13 @@ It's also possible to redirect to a relative location:
 ```js
 const routes = [
   {
+    // will always redirect /users/123/posts to /users/123/profile
     path: '/users/:id/posts',
     redirect: to => {
       // the function receives the target route as the argument
-      // return redirect path/location here.
+      // a relative location doesn't start with `/`
+      // or { path: 'profile'}
+      return 'profile'
     },
   },
 ]