laravel - vue-routerがルートを非同期的にロードする方法

Question

現在のプロジェクトのユーザー権限の依存関係:

• 基本的なユーザー権限

• あなたの部門の許可

• あなたの立場の許可

• 特別なユーザー権限

権限が複雑なため、ルートがフロントエンドでハードコーディングされている場合、一般の従業員はログイン後に数百、場合によっては数千のルートと対応するコンポーネントをロードする必要があります。

1. パフォーマンスの問題

2. フロントエンドとバックエンドの両方で許可の検証が必要です。これを考えると頭が痛くなります

。

これら 2 つの考慮事項に基づいて、データベースにルートを書き込むことにしました。その後、バックエンドは、ログインしているユーザーの権限に基づいて、ロードのためにフロントエンドにルートを動的に割り当てます。

しかし、ajaxを使用してフロントエンドでリクエストすると、vueの初期化が完了した(つまり、ルートがロードされた)後、ルーティングデータが常にバックグラウンドからリクエストされることがわかります

リクエストされたコードは main.js と vue ライフサイクルの Create の前に同じように配置されます

リーリー

フロントエンドマスターに答えを聞いてください！

Answer 1

vue-router@2.2.0 が起動し、router.addRoute(routes)ルートが動的に追加されます

Answer 2

axios を使用して、最初に ajax 経由でルーティング設定をリクエストし、次に vue エンティティを初期化します