開発にはlaravel9とvue3を使用しています。
私の問題は非常に単純ですが、パスの設定がスムーズではありません。
URL localhost:8080/tasks
この URL は 404 Not Found を返し、次のタイプ エラーが表示されます
http://localhost:8000/tasks 404 を取得 (見つかりません)
理由はわかりませんが、パス /tasks をパス / に書き換えると、localhost:8080 で必要なコンポーネントが返されます。
次のファイルがあります。
router.js
App.vue
bootstrap.js
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Vue の CLI を使用してプロジェクトを作成し、関連するすべての部分をチェックアウトしました。
私はあなたのコードを採用し、さまざまな変更を適用しました:私のエントリ ポイントは- bootstrap.js
- App.vue
- router/index.js
サーバーの起動
リーリーではなくmain.jsですが、コードに変更はありませんにはHeaderComponentがありませんが、いずれにしても問題はありませんでは、とにかく相対パスを使用するよりエイリアスを使用する方が優れているため、コンポーネントの次のコンテンツのみを変更しました。リーリーはいくつかのポートを提供し、
/tasksパスに到達すると、期待どおりにコンポーネントを確認できました。
これは私のプロジェクト ディレクトリです
コンソールにはエラーは表示されません。
パブリック github リポジトリは次のとおりです:https://github.com/kissu/so-v3-work-router
リーリーweb.phpの次の記述により問題が解決されます