Vue Routerでトレイリングスラッシュを付ける

JavaScript

トレイリングスラッシュ（URL末尾のスラッシュ）は付けたくない派ですが、付けてくれと言われたら仕方ないですよね。

っで、Vue Routerでそれを実現しようとしてpathを/main/みたいに書いてもダメっぽいです。いろいろ調べてみたら、pathToRegexpOptionsを設定してあげれば良いみたい。

以下、一例。

const routes = [
  {
    path: '/main/',
    name: 'main',
    component: Main,
    pathToRegexpOptions: { strict: true }
  }
]

これでhttps://localhost/main/でアクセスできる。

にしても、公式ドキュメントのpath-to-regexp options for compiling regexという説明はどうなんでしょう。わかりにくい。