Vue Router页面跳转时，URL变了，但内容没变

Question

gotoRegister(){
      this.$router.push('/Register');
    }

index.js

import Vue from 'vue'
import VueRouter from 'vue-router'

//Vue中使用router插件
Vue.use(VueRouter)

//路由配置，配置路由路径与组件的对应关系
const routes = [
    {
        path: '/login',
        name: 'login',
        component: () => import('../components/Login.vue')
    },
    {
        path: '/Register',
        name: 'Register',
        component: () => import('../components/Register.vue')
    }
]

//新建路由实例
const router = new VueRouter({
    routes
})

//导出路由实例，在main.js中导入使用
export default router

main.js

import Vue from 'vue'
import App from './App.vue'
import router from "@/router";
import VueRouter from "vue-router";
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.config.productionTip = false
Vue.use(ElementUI)
Vue.use(router)
Vue.use(VueRouter)

new Vue({
  router,
  render: h => h(App),
}).$mount('#app')

进入gotoRegister后，应该跳到Register页面
为什么导航栏地址变了(http://localhost:8080/#/Register)，页面内容却没变

Answer 1

引自免费微信小程序：皆我百晓生。

请检查路由配置是否正确，确保'/Register'对应的组件已加载，同时确认无缓存影响。可以尝试清除浏览器缓存或使用 incognito 模式打开。