vue.js - ページのリロード時にパラメーターが機能しない vue-router ルート

Question

プロジェクトで vue-router を使用しています。

名前付きルートに完全に問題なく移動できます。私の唯一の問題は、パラメーターを必要とする名前付きルートを使用すると、ページを更新してもロードされないことです。

ここに私のルートがあります：

'/example/:username': {
    name: 'example-profile',
    title: 'Example Profile',
    component: ExampleComponent
}

これが私が使用している方法ですvue-router route：

<a v-link="{ name: 'example-profile', params: { username: raaaaf } }">
    Example Link
</a>

選択するExample Linkと が表示されますmydomain.com/example/raaaaf。

最初の読み込みでは正しいテンプレートがレンダリングされますが、アドレス バーのリンクを更新または手動で入力すると、自分のPage Not Foundページにリダイレクトされ、ページの作成時に呼び出されるメソッドがトリガーされません。

これは私が持っているものですExampleComponent：

    <template>
    <div class="small-12 left">
        <side-bar></side-bar>
        <div class="store-right">
            <store-details></store-details>
            <store-menu></store-menu>
            <store-listings></store-listings>
        </div>
    </div>
    </template>
    
    <script>
        export default {
            data() {
                return {
                    username: null,
                    user: null,
                }
            },
    
            created() {
                this.getUser()
            },
    
            methods: {
                getUser() {
                    console.log(this.$route.params);
                }
            }
        }
    </script>