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

Question

友友们快救命，困扰了我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")

Answer 1

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