<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>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Laravel Vue を使用している場合は、ルートを通過しているかどうかを確認する必要があります
リーリー