一开始遇到的一个问题是页面点击后浏览器中的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
,兼容性更好,两者的区别我也搜索了一下,大概也明白了它们的区别,然后分享后的链接也能打开了。