vue リフレッシュ 404 問題の解決策

この記事の内容は、vuefresh 404 の問題の解決策に関するものであり、一定の参考価値がありますので、困っている友人は参考にしていただければ幸いです。

1. 問題の説明

vue-route と webpack を組み合わせて単一ページのルーティング プロジェクトを作成すると、運用とメンテナンスがサーバー側での nginx の設定を支援しました。導入完了後、ホームページにアクセスし、ホームページからセカンダリページを開くのは問題ありませんが、セカンダリページをすべて開いて再度更新すると、404現象が発生します。

2. 問題の原因:

vue-router によって設定されたパスが実際のパスではないため、ページの更新時にアクセスされたリソースがサーバー上で見つかりません。

3. 解決策:

nginx 設定に vue-route のジャンプ設定を追加します (ここのホームページはindex.html、index.phpの場合は対応する位置に置き換えます)以下)、正しい構成は次のとおりです

location / {
    try_files $uri $uri/ @router;
    index index.html;
}

location @router {
    rewrite ^.*$ /index.html last;
}

この記事はここで終了しました。その他のエキサイティングなコンテンツについては、PHP 中国語 Web サイトの JavaScript チュートリアル ビデオ 列に注目してください。

以上がvue リフレッシュ 404 問題の解決策の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。