为什么按照提示配置了router，然后每个子路由都跳转到index了？

Question

`import Vue from 'vue’
import Router from 'vue-router’
import Home from './pages/home’
import Index from './pages/index’
import Product from './pages/product’
import Detail from './pages/detail’
import Cart from './pages/cart’
import Order from './pages/order’
import OrderConfirm from './pages/orderConfirm’
import OrderList from './pages/orderList’
import OrderPay from ‘./pages/orderPay’

Vue.use(Router);

export default new Router({
routes:[
{
path: ‘/’,
name:‘home’,
component:Home,
redirect:’/index’,
children:[
{
path:’/index’,
name:‘index’,
component:Index,
},{
path:’/product/:id’,
name:‘product’,
component:Product,
},{
path:’/detail/:id’,
name:‘detail’,
component:Detail,
}
]
},
{
path:’/cart’,
name:‘cart’,
component:Cart,
},
{
path:’/order’,
name:‘order’,
component:Order,
children:[
{
path:’/list’,
name:‘order-list’,
component:OrderList,
},{
path:’/confirm’,
name:‘order-confirm’,
component:OrderConfirm,
},{
path:’/pay’,
name:‘order-pay’,
component:OrderPay,
}
]
}
]
});`

Answer 1

河畔一角 2020-03-25 10:38:08

购物车和详情都会跳转到首页吗？？

• 提问者 隽愉 #1

  对的，但是如果地址栏加上#号就正常了，不知道是什么原因

• 提问者 隽愉 #2

  比如cart前面加上/#/cart，这样又恢复正常了

• 河畔一角 #3

  这是hash路由，本来就是有井号的。你在课程群找一下我。

点开查看后面1条评论