如何将Vue单页非构建项目改造成支持长尾词自动路由的？

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

这是关于什么项目？

答：这是一个单页面的vue.js项目，主要为了在非build时实现自动路由。

简单来说，就是当请求页面时，根据url动态添加路由。自动路由有什么限制吗？

这是一个什么项目？

答：这是一个单页面的vue.js项目，主要为了实现在非build时，进行自动路由。简单点说，就是在请求页面时，根据url进行动态添加路由。

自动路由有什么限制吗？

答：有，因为是通过url进行动态添加，所以，在指定文件夹下，组件文件的相对路径必须与url有一定的关系。当前demo项目，url路径与modules文件夹下的组件相对路径一致。例如：

url地址：localhost:5000/home/index

组件路径：modules/home/index/index.vue

此方式的自动路由能做些什么？

答：

1.动态权限控制：在匹配不上路由时，请求后台获取是否有权限，根据后台的反馈处理是否添加路由（是否允许访问）。