vue路由为什么配置好了再网址栏输入的时候跳转不了,在router-link点击的时候可以跳转

友友们快救命,困扰了我2天的了,情景是这样子的写了两个vue页面,也配置了路由,也在app.vue中写上了router-veiw,但是去页面访问的时候是空白的,不管加哪个路劲都是一样,但是加上router-link点击的话是可以正常跳转,不知道为什么在地址栏上怎么修改页面就是不变,而且主要还是路劲变成输入的那个了,页面没有跳转

import VueRouter from 'vue-router'
//引入组件
import Login from '../pages/Login.vue'
import Layout from  '../layout/buju.vue'

export default  new VueRouter({
    routes:[
      {
        path:'/layout',
        component:Layout,
      },
      {
        path:'/login',
        name:'login',
        component:Login
      },
    ]
})


![img](https://img-mid.csdnimg.cn/release/static/image/mid/ask/785340382186180.png "#left")

根据您提供的信息,可能是您在使用路由时出现了一些问题。首先,您需要确保已经正确引入了VueRouter,并且在路由配置中正确地指定了组件的路径。其次,您需要在App.vue中使用标签来渲染路由组件。最后,您需要在main.js中将VueRouter实例挂载到Vue实例上。如果您已经做到了这些,但是在地址栏中输入路径时无法跳转到相应的页面,可能是因为您的服务器没有正确地配置路由。您可以尝试在服务器上配置路由,或者使用history模式来避免这个问题。希望我的回答能够帮到您。
https://cool-js.com/

你在地址栏是怎么输入的

地址栏 输入的东西截个图, router-link跳转的地址栏截个图对比一下