Vue单页应用里，如何将二级嵌套路由改写成长尾词？

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

在一个单页面应用中使用二级嵌套路由和目录结构如下：

+-- main.js| -- App.vue| -- router/index.js| -- views/| | -- Home.vue| | -- About.vue| | -- ...| -- assets/| -- components/| -- ...

其中，main.js 为全局配置文件，App.vue 为项目入口。

main.js 路由配置示例：javascriptimport Vue from 'vue'import App from './App.vue'

new Vue({ router, render: h=> h(App)}).$mount('#app')

在一个单页面应用里使用二级套嵌路由

目录结构如下：

其中main.js为全局配置文件，App.vue为项目入口。