2 回答

TA貢獻1810條經驗 獲得超4個贊
我猜一下,由于第三個設置為history模式,導致頁面地址變?yōu)椴粠?的地址(雖然是三個vue實例,但是路由都是操作的同一個頁面的history api),雖然沒看出來這個net::ERR_ABORTED具體是什么錯誤,但是導致的js的加載或者前兩個的路由解析(還是按照hash解析的)發(fā)生了錯誤。
ip:8080/#/index/123
ip:8080/index/123
這兩個路徑下的相對路徑地址是不一樣的,對于./app.js分別為
ip:8080/app.js
ip:8080/index/123/app.js

TA貢獻1854條經驗 獲得超8個贊
之后發(fā)現(xiàn)在多個路由的mode不同的時候,可以在mode為history的路由設置為
mode:'history',
base:__dirname,
這個時候就會將所有路由正常顯示了,但是路由是命名視圖的時候,還是不行的,還是出現(xiàn)上面的問題
從而發(fā)現(xiàn)了新的問題:
將命名視圖如上面進行設置,
const router=new VueRouter({
mode:'history',
base:__dirname,
routes:[
{
path:'/settings',
component:Levelone,
children:[
{
path:'emails',
component:Levelthree
},
{
path:'profile',
components:{
default:Levelfour,
helper:Levelfive
}
}
]
}
]
})
當不寫語句router.push('/settings/emails')的時候,頁面其他路由正常顯示
但是這個命名視圖的路由不能顯示在頁面上,但當寫入語句router.push('/settings/emails')就會出現(xiàn)一開始的錯誤,,這是為什么呢?
添加回答
舉報