vue嵌套子路由

vue嵌套子路由

今天自己的项目需要使用嵌套子路由，里面出现了几个bug下面记录一下

首先简单讲解下嵌套子路由的使用

我们在需要使用子路由的页面使用router-view,keep-alive的使用方式好像有所改变，自己去查看官网

路由页面index.js

组件跳转子路由

vue.config.js

下面简单说下我遇到的bug
1.你要修改历史路由路径，重新创建个文件vue.config.js，不然你在地址栏输入路径的时候会报错

2.就是你在使用router-link的时候一定要注意

这里一定要注意path跟name的用法，因为我的order 是带有参数的所以访问他的路径是192.168.0.102:8080/order/2,2代表参数，如果说你的同级路由页面没有带path路径的话访问的最终结果是192.168.0.102:8080/order/pageData,这个路由表示的意思是pageData在order路由下面,这是有问题的，我的理想路径是192.168.0.102:8080/pageData，这个时候我们就需要加上path,不要懒直接写to="pageData"这样后期很容易造成路径混乱

下面讲解遇到这个问题我的理解 ，如果是直接to的话，他会直接在当前路径修改最后一个路径，不管是参数还是路径,所以我们在写带有参数的路由的时候，他的同级路由最好也以path或者name的方式去写，我一般用的是API方式