一開始遇到的一個(gè)問題是頁(yè)面點(diǎn)擊后瀏覽器中的url已經(jīng)改變但是無法跳轉(zhuǎn)到相應(yīng)的頁(yè)面，后來將App.vue中的template和script的代碼都刪除了，替換成：

<template>
  <router-view/>
</template>

這樣以后就可以了，因?yàn)橹霸谶@個(gè)App.vue中是引入了一個(gè)組件home來作為首頁(yè)。

第二個(gè)問題是關(guān)于mode的問題，因?yàn)槲覍懙氖且粋€(gè)聊天室項(xiàng)目，需要一個(gè)人創(chuàng)建聊天時(shí)候?qū)rl分享給另一個(gè)人，這樣才能開始聊天。一開始的時(shí)候是使用的history模式：

const router = new VueRouter({
  mode: 'hash',
  routes: routers
})

發(fā)現(xiàn)創(chuàng)建聊天室的人可以打開頁(yè)面，但是url分享后的鏈接卻無法打開，直接報(bào)404，于是就將這個(gè)mode改為hash，兼容性更好，兩者的區(qū)別我也搜索了一下，大概也明白了它們的區(qū)別，然后分享后的鏈接也能打開了。