vue3 vue-router地址栏输入路由无效

Z时代
2024-03-15
分类：IT

求大神解答, 我用vue3配置好了router" title="vue-router">vue-router 也挂载好了, 但是在url地址栏输入路由, 页面每次都渲染的是App.vue的内容.

这是route/index.js

import { createRouter, createWebHashHistory } from "vue-router"
import home from '@/home'
import login from '@/login'
const routes = [
  { path: "/", redirect: "/home" },
  {
    path: "/home",
    name: "home",
    component: home
  },
  {
    path: "/login",
    name: "login",
    component: login
  }
]
const router = createRouter({
  history: createWebHashHistory(),
  routes
})export default router

这是main.js

import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import App from './App.vue'
import router from './router'  // 引入路由对象实例
const app = createApp(App)
app.use(ElementPlus, { size: 'small', zIndex: 3000 })
// 使用配置的路由
app.use(router).mount('#app')

依赖是安装成功了的

vue3 vue-router地址栏输入路由无效