vue 使用$router.push 跳转失效

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/Wu_Kunbo/article/details/102708137

刚开始学vue.js 小白一个
今天想做一个登录界面，登陆成功后跳转到主页的demo
然而却跳转失效，关键代码部分如下。

if (resp && resp.status == 200){
            var data = resp.data;
            console.log(data.msg);
            this.infoData.info = data.msg;
            this.$router.push({path:'/home'});
 }

找了很久，才发现原来需要在vue工程下src/router/index.js加上route。
代码如下

导入vue文件
import Home from '@/components/Home'

routes:[
	{
		path:'/home',
		name:'home',
		component:Home
	}
]

弄完之后再重新跑，成功跳转页面。