在vue的项目开发中,为了控制在登录vue开发的管理系统后,跳转到某一个指定的vue,
在main.js中使用了:
const router = new VueRouter({
routes
})
router.push('./content') //控制首页加载的跳转
new Vue({
router,
store,
render: h => h(App)
}).$mount('#app')
但是在后期的测试过程中,发现一个问题,在登录系统后,浏览器的url为:
http://*******/#/content,此时点击浏览器的返回按钮,就会跳入:http://*****/#/界面
界面显示会有不同,体验很差。
解决方法;
在处理首页加载的问题时,不要用router.push的方法,它相当于首先跳入了*****/#/界面,再通过路由跳转,进入了你push的界面。
应该在routes.js中直接使用如下方法:
let routes = [
{
path: '/',
redirect:'/content',
component: Home,
iconCls: 'fa fa-address-card',
children: [
{ path: '/content', component: Main, name: '内容'},