基于vue-cli的vue项目之路由6--重定向3-----method返回重定向路径

设置重定向，肯定是不能写死的，那么应该怎么写“活的”？

1.hello.vue子界面：用来显示的子界面



2.router/index.js：路由配置文件,关键在于第二十七到第三十四行
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
const router = new VueRouter({
	routes: [{
			path: '/hello',
			component: require('../components/Hello.vue'),
		},
		{
			path: '/foo',
		component: require('../components/foo.vue'),
		},
		{
			path: '*',
			redirect: to => {
				const {hash,params,query} = to
				if(1) {	return {path: '/foo',}}
				else {return '/hello'}
			}
		}
	]
})
export default router;

3.app.vue:主界面




main.js:配置路由路径
import Vue from 'vue'
import App from './App'
import VueRouter from 'vue-router'
import router from './router'
Vue.use(VueRouter);
new Vue({
	el: '#app',
	router,
	render: h => h(App)
})

效果如下：