Laravel で Vue Router を使用する: ステップバイステップガイド

Question

開発にはlaravel9とvue3を使用しています。

私の問題は非常に単純ですが、パスの設定がスムーズではありません。

URL localhost:8080/tasks

にアクセスすると

この URL は 404 Not Found を返し、次のタイプ エラーが表示されます

http://localhost:8000/tasks 404 を取得 (見つかりません)

理由はわかりませんが、パス /tasks をパス / に書き換えると、localhost:8080 で必要なコンポーネントが返されます。

次のファイルがあります。

router.js

リーリー

App.vue

リーリー

bootstrap.js

ああああ

Answer 1

Vue の CLI を使用してプロジェクトを作成し、関連するすべての部分をチェックアウトしました。

私はあなたのコードを採用し、さまざまな変更を適用しました:

私のエントリ ポイントは
• bootstrap.js ではなく main.js ですが、コードに変更はありません
• App.vue には HeaderComponent がありませんが、いずれにしても問題はありません
• router/index.js では、とにかく相対パスを使用するよりエイリアスを使用する方が優れているため、コンポーネントの次のコンテンツのみを変更しました。 リーリー
サーバーの起動

リーリー

はいくつかのポートを提供し、

/tasks

パスに到達すると、期待どおりにコンポーネントを確認できました。 ルートも正しく定義されています

これは私のプロジェクト ディレクトリです

コンソールにはエラーは表示されません。

パブリック github リポジトリは次のとおりです:

---

https://github.com/kissu/so-v3-work-router

Answer 2

web.php の次の記述により問題が解決されます

リーリー