第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue-router的mode問題

vue-router的mode問題

至尊寶的傳說 2019-03-14 18:15:47
在一個頁面中分別有三個div,對應三個js文件,分別為其加入設置路由,對應的js文件如下但是當?shù)谌齻€路由設置如下但是當?shù)谌齻€路由設置如下Vue.use(VueRouter);const router=new VueRouter({    mode:'history',    routes:[       {           path:'/settings',           component:Levelone,           children:[           {              path:'emails',              component:Levelthree           },           {              path:'profile',              components:{                  default:Levelfour,                  helper:Levelfive              }           }           ]       }    ]})router.push('/settings/emails')這時就會使前面兩個路由無法正常顯示,并且報錯但是當將第三個路由的mode設置為hash,三個路由可以正常顯示;請問這個mode的具體設置的區(qū)別在哪里呢,設置為history的時候為什么不能正常顯示呢?
查看完整描述

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


查看完整回答
反對 回復 2019-03-30
?
嗶嗶one

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')的時候,頁面其他路由正常顯示

https://img1.sycdn.imooc.com//5c9f24810001c50708000562.jpg

但是這個命名視圖的路由不能顯示在頁面上,但當寫入語句router.push('/settings/emails')就會出現(xiàn)一開始的錯誤,,這是為什么呢?


查看完整回答
反對 回復 2019-03-30
  • 2 回答
  • 0 關注
  • 1553 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號