Vue routerでルート定義を動的に生成する方法 - Qiita

はじめに 現在開発しているアプリにてvue routerにてルート定義を動的(サーバーから取得)に定義する方法を検討しました。 環境 vue: 2.5.17 vue-router: 3.0.1 vue-cli 3.0.1 手順 基本的なアプリの生成方法は割愛しますがvue-cliを利用しています。 1. router.jsの生成 ここではベースのルート定義だけを行います。 Vue.use(Router); const router = new Router({ mode: 'history', base: process.env.BASE_URL, routes: [ { path: '/', name: 'home', component: Home } ] });