Nginx を使用して vue を構成およびデプロイします。特別なプロジェクト構造のため、パッケージ化後に (プロジェクトで必要な) Index.html と manage.html が表示されます。デプロイ後は、manage.html の関連機能をプレビューすることはできません。通常、クリックして 404 を報告します。
インターネットで情報を検索した後、実際に動作します。以下、具体的な操作を見てみましょう。
nginx設定ファイルに新しい設定を追加する
1. アクセス 404 問題を解決する
nginx.confを修正; ここではpagodaパネルを使用しているので直接追加します 別のnginxの場合は、該当する場所のサービスプロジェクトに以下の設定を追加する必要があります / #
リフレッシュ時の404の問題を解決サブページ
try_files $uri $uri/ @router;
対応する実装を最外層に追加します。
場所 /{} と同じレベルにあること
location @router { rewrite ^.*$ / last; }
上記の構成は、アクセス 404 問題を解決するためのものです。
2. セカンダリページアクセス構成アクセス。
location /manage を location /{} と同じレベルに追加します { index manage.html; try_files $uri $uri/ /manage.html; }
1. ここでの場所 /manage は、URL パスによってアクセスされる 2 番目のページのホームページ アドレスです。
2. この manage.html は当社の 2 番目のページのホームページです
インデックス管理.html;
3. この文はジャンプ 404 問題を解決するためのものです; この文を追加しないとサブページは表示されません; メインページの情報のみが表示されます;
try_files $uri $uri/ /manage.html;
3. 構成を変更した後、次のコマンドを実行する必要があります。
nginx -t
再度実行する
nginx -s リロード
設定が完了したので、そこにアクセスすると、すべて問題ありません。