私のプロジェクトでは、Vue 3.2.36 Vite 2.9.9 VueRouter 4.1.3

を使用しています。npm run devを使用して開発サーバーを実行します。

私のルート定義:

リーリー

router.push({name: 'userDetails', params: {login: 'john.smith'}})を使用してプログラムで移動すると、userDetailsページ /Component が表示されます。正しく。

しかし、ブラウザをリロードすると、開発サーバーは 404 を返し、

NotFoundコンポーネントは表示されません。＃＃＃クロム：＃＃＃＃＃＃＃＃＃＃＃＃

FF：

実際の例: ここ

問題を Vite に切り分けました。 Vue CLI を使用すると、すべてが正常に動作します。

私の

vite.config.js

:

リーリー

index.html

を確認しました:

vue-routerヒストリカル モードのドキュメントを確認したところ、警告セクションに、ルートが見つからない場合、ルーターはデフォルトで

index.html
を使用し、Vue CLI を使用する必要があると記載されています。ただし、Vite ではこれを行わないでください。