説明:
ローカル試運転中に組み込まれて使用するプロジェクトの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;
}
あなたは、自分の状況に応じて対応するソリューションを使用することができます。