Vue router错误跳转到首页("/")的问题

Vue通过this.$router.push方法进行页面的跳转主要有两种方式

// router/index.js
const routes = [{
		path: "/",
		name: "login",
		component: Login
	}, { 
		path: "/index",
		name: "index"
		component: Index
	}
]

①this.$router.push({path: "/index", query: {id: "1", name: "one"}})
②this.$router.psuh({name: "login", params: {id: "2", name: "two"}})

两种方法一个指定路径，一个指定组件名
path对应router中path, name对应router中的name，一一对应
path配合query, name配合params

如果path指定的路径在router/index.js中不存在地址栏会跳转但无法加载出内容
而name指定的名称在router/index.js中不存在会导致默认跳转到"/"