本篇內(nèi)容介紹了“Vue Router路由重定向與別名如何設(shè)置”的有關(guān)知識(shí)，在實(shí)際案例的操作過程中，不少人都會(huì)遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！
我們提供的服務(wù)有：成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、紅河哈尼ssl等。為數(shù)千家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的紅河哈尼網(wǎng)站制作公司
舉例說明：重定向是指當(dāng)用戶訪問 /home 時(shí)，URL 會(huì)被 / 替換，然后匹配成 /。
重定向也是通過 routes 配置來完成，下面例子是從 /home 重定向到 /：
重慶分公司
重慶分公司
const routes = [{ path: '/home', redirect: '/' }]重定向的目標(biāo)也可以是一個(gè)命名的路由：
const routes = [{ path: '/home', redirect: { name: 'homepage' } }]也可以是一個(gè)方法，動(dòng)態(tài)返回重定向目標(biāo)：
const routes = [
{
// /search/screens -> /search?q=screens
path: '/search/:searchText',
redirect: to => {
// 方法接收目標(biāo)路由作為參數(shù)
// return 重定向的字符串路徑/路徑對象
return { path: '/search', query: { q: to.params.searchText } }
},
},
{
path: '/search',
// ...
},]將 / 別名為 /home，意味著當(dāng)用戶訪問 /home 時(shí)，URL 仍然是 /home，但會(huì)被匹配為用戶正在訪問 /。
const routes = [{ path: '/', component: Homepage, alias: '/home' }]通過別名，可以自由地將 UI 結(jié)構(gòu)映射到一個(gè)任意的 URL，而不受配置的嵌套結(jié)構(gòu)的限制。使別名以 / 開頭，以使嵌套路徑中的路徑成為絕對路徑。甚至可以將兩者結(jié)合起來，用一個(gè)數(shù)組提供多個(gè)別名：
const routes = [
{
path: '/users',
component: UsersLayout,
children: [
// 為這 3 個(gè) URL 呈現(xiàn) UserList
// - /users
// - /users/list
// - /people
{ path: '', component: UserList, alias: ['/people', 'list'] },
],
},]/people 是絕對路徑的寫法，即可以直接通過 /people 來訪問。list 是相對路徑的寫法，即url會(huì)拼接父級的路徑 → /users/list。
注意：如果路由有參數(shù)，請確保在任何絕對別名中包含它們：
const routes = [
{
path: '/users/:id',
component: UsersByIdLayout,
children: [
// 為這 3 個(gè) URL 呈現(xiàn) UserDetails
// - /users/24
// - /users/24/profile
// - /24
{ path: 'profile', component: UserDetails, alias: ['/:id', ''] },
],
},]“Vue Router路由重定向與別名如何設(shè)置”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！
