Vueがnginxのを使用して、ページが404エラーを報告リフレッシュ後にリリース

説明:
ローカル試運転中に組み込まれて使用するプロジェクトのVue-CLIが使用nginxのリリース後にパッケージした後にOKです、ジャンプページはokです指定しますが、ページをリロードしたときにページを更新し、エラー404ページが見つかりません。 。
ログショーのリソースパスのnginxの端が見つかりません。

解決策:
最初:
まず、問題の原因がある:
Vueのプロジェクト、あなたがルーティングジャンプを達成するために、ハッシュまたはhistory.pushState()を選択することができます。
パターン形状の使用履歴がある:
エクスポートデフォルトの新しい新しいルータ({
:MODEの歴史'、
})
私たちが完了し、サーバーのNPMの実行ビルドに配備されたとき、その後、特定のルートの下に404または502エラーがページを更新。

パスパスVUE-ルータの設定が本物ではありませんので、あなたがページを更新し、サーバー上のリソースへのアクセスは、見つけることができないためです。
だから、モードは、その上にハッシュパターンに変更します。

第二は:
、履歴モードを継続して使用するのindex.htmlページにすべての要求が向けられているようにnginxの設定を変更するには

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

あなたは、自分の状況に応じて対応するソリューションを使用することができます。

ビュー

公開された115元の記事 ウォン称賛67 ビュー10万+

おすすめ

転載: blog.csdn.net/meifannao789456/article/details/100154488