如何用Vue实现支持长尾词的动态路由功能？

本文共计973个文字，预计阅读时间需要4分钟。

在项目开发中，我们常遇到前端配置良好，但为全面控制权限，需要后端提供路由表，前端再进行渲染。这样，前端无需直接配置，而应侧重于实现思路：

1. 前端：关注逻辑实现，后端提供路由表。

2.后端：生成路由表，供前端调用。

很多时候我们在项目的路由都是在前端配置好的
但是有的时候为了进行全面的权限控制，会需要后台给出路由表，前端再渲染。不用在前端配置。

下面主要讲一下思路

1、和后台小哥哥沟通好数据，把我们前端配置的路由表数据给他，他就能看懂了

2、拿到数据需要我们自己再处理

路由中的component后台是给不了的，这里我们只需要后台小哥哥按照我们提供的前端component路径给数据，我们循环加载就可以了

//view就是后台给的数据 return () => import(`@/view/modules/${view}`);

这样我们就拿到了最重要的数据，即component。