一、需求

我们在写路由模块时，如果路由页面太多，在main中就会显得拥挤且难以维护，这时候就需要对路由模块抽离出来，单独封装

二、封装方法

1、位置

我一般喜欢在src下新建router目录，在router新建文件index.js，在main中只需要导入js即可。
main中如下
、

2、配置，导入导出

在index.js中完成路由的创建和实例，最后进行导出，导出到main中，main进行导入

main中导入后发现报错，原因是路径出问题，所以我们别忘了修改路径

修改哪里的路径呢，看了看main中好像没错，去index找找
扫代斯内

原来我们修改了位置后，对应的路径发生了变化，所以我们需要修改相对的路径

我这里用的相对路径的写法，当然如果层级过多这里就不适用了，这里有个技巧就是用@找绝对路径的方式

@的意思代表的就是当前文件所在的目录，我的index.js所在目录为src  所以可以把@当作src