vue-router のパスジャンプを達成できません

Question

<p>つまり、ホームページ (http://127.0.0.1:8000/) にアクセスしているときは、 http://127.0 にアクセスするたびに、vue-router ファイルに設定した正しいコンポーネントが取得されます。 0.1:8000/ダッシュボードでは 404 エラーが表示されますが、その理由は本当にわかりません。コンポーネントへのパスは正しいです</p> <p><strong>これは私の vue-router ファイルです:</strong></p> <pre class="brush:php;toolbar:false;">「vue」から Vue をインポート 「vue-router」から VueRouter をインポートします Vue.use(VueRouter) 「../Pages/loginPage」からログインページをインポートします 「../Pages/dashboard」からダッシュボードをインポートします const router = new VueRouter({ モード: '履歴'、 ルート: [ { パス： '/'、 名前: 'ログイン'、 コンポーネント: ログインページ }、 { パス: '/ダッシュボード'、 名前: 'ダッシュボード'、 コンポーネント: ダッシュボード、 }、 ]、 }); デフォルトルーターをエクスポート;</pre> <p><strong>これは私の app.js ファイルです</strong></p> <pre class="brush:php;toolbar:false;">「vue」から Vue をインポート; './Index.vue' からインデックスをインポートします 「vue-router」から VueRouter をインポートします Vue.use(VueRouter) './router' からルーターをインポートします。 「axios」から axios をインポートします。 「vue-axios」から VueAxios をインポートします。 window.Vue = require('vue').default; newVue({ ルーター、 レンダリング: h => h(インデックス)、 }).$mount('#app')</pre> <p><strong>これは、index.vue ファイルです (リンクが変更されたときにコンポーネントを表示します)</strong></p> <pre class="brush:php;toolbar:false;"><テンプレート>

<p>ハローワールド</p> <ルータービュー/> </div> </テンプレート> <スクリプト> デフォルトのエクスポート { マウントされた() { console.log('コンポーネントほい。') } } </script></pre>

1

0

0

P粉101708623

返事

全員に返信(1)

返信します 近い

P粉8348408562023-08-31 14:27:57 1棟

Laravel Vue を使用している場合は、ルートを通過しているかどうかを確認する必要があります

リーリー

いいねを押す +0

返信を追加 关闭回复

P粉101708623

返事

Answer 1

Laravel Vue を使用している場合は、ルートを通過しているかどうかを確認する必要があります

リーリー