开发聊天室项目时遇到的vue-router路由跳转的问题

一开始遇到的一个问题是页面点击后浏览器中的url已经改变但是无法跳转到相应的页面，后来将App.vue中的template和script的代码都删除了，替换成：

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

这样以后就可以了，因为之前在这个App.vue中是引入了一个组件home来作为首页。

第二个问题是关于mode的问题，因为我写的是一个聊天室项目，需要一个人创建聊天时候将url分享给另一个人，这样才能开始聊天。一开始的时候是使用的history模式：

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

发现创建聊天室的人可以打开页面，但是url分享后的链接却无法打开，直接报404，于是就将这个mode改为hash，兼容性更好，两者的区别我也搜索了一下，大概也明白了它们的区别，然后分享后的链接也能打开了。