vue3 路由器跳转页面打不开

Question

为什么在编写router是路径写的是/login而在网页里面跳转后显示是/login.vue，导致跳转后页面空白。手动把.vue删掉后就可以正常显示。这是为啥

const routes=[
    {path:'/login',component:LoginVue},
    {path:'/',component:indexVue}
]

const router=createRouter({
    history:createWebHistory(),
    routes:routes
})

export default router

Answer 1

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

首先，我想确认一下您是否在理解并支持您的问题？

关于vue3 路由器跳转页面打不开的问题，您尝试了如何将路由设置为以/login开头，但结果显示页面依然为空。

这可能是因为您没有正确地配置HTML结构。请确保在每个组件中都有一个导航栏，并且该导航栏包含 path: '/login' 的属性。这是一个常见的设置方法，用于引导用户访问特定页面。

假设您已经设置了导航栏，并且遇到了其他问题，请提供更多的信息以便更好地解决此问题。

接下来，让我们谈谈vue.js。您有尝试过更新项目到最新版本吗？有些库或框架可能会对已有的项目产生影响。此外，您可以尝试更改您的路由选项，例如使用 : 作为默认路径。

为了帮助您更好地了解和解决问题，请尽可能提供有关您遇到的具体问题以及您正在使用的库、框架和相关开发环境的信息。这将有助于我们为您提供更准确的帮助。