vue 为什么配置路由以后，跳转页面什么也不显示

Question

vue router配置路由以后，跳转页面什么也不显示，新手现在看不出问题，请求大佬帮忙

路由配置，/city 和 404页面不显示

city页

页面显示

补上 router-view

home页可以看到，city就看不到，它俩是同级的
看了一会没啥毛病，就是不知道哪错了

Answer 1

问题解决2种：

1. 方法一：把你的home路由 和 city路由，上下换个位置
2. 方法二：修改你的home路由 写法如下：

path:'/',
exact:true,
name:'home',
component:Home

以上2种都可以解决你的问题

至于原因，可以参考下面的问题为的回答，虽然是 react-router 的；但是问题的根本是一样的

React路由顺序问题

Answer 2

<router-view>写了吗
更新：你的city文件名叫City.vue，路由里导入写的是'city.vue'，你控制台没报错？

Answer 3

同上 app.vue 里面 <router-view/>写了吗

Answer 4

你的router里面的index.js，有没有写import home from '@/components/home'

Answer 5

最快的解决办法就是把 mode:'history' 去掉，有疑问可参考https://www.cnblogs.com/xiaof...

Answer 6

路径改成 "./../views/city.vue" 试试

Answer 7

兄弟解决了没 遇到和你一样的问题

Answer 8

兄弟，你解决了吗？我也是这样的问题，不知道错在哪