Vueのルート履歴モード空白のページを梱包した後、404を更新します

 

 

プロジェクト排他的なポートでサーバアクセスアドレスのルートディレクトリに直接エントランスプロジェクトのindex.htmlファイル、

VUE変わらないように構成

nginxの構成は以下のとおりです。

サーバー{ 
        8899を聞きます。
        サーバー名はlocalhost。
        場所/ { 
	       try_files $ URI $ uriの/ /index.htmlが。
        } 
    }

　　

 第二は、

 

パッケージ＃設定-index.jsは、パスの設定を変更します。

 

assetsPublicPath './';

＃フロントエンドルーティングの設定router.js：

CONSTルータ=新しいVueRouter（{ 
    モード： '歴史'、
    塩基： '/こんにちは'、
    ルート
}）

プラスベースが存在する必要があります。プロジェクトの子ディレクトリ名と同期

 

nginxの設定：

{サーバーは
    8088を聞く; 
    サーバー名xxx.com;＃は、結合証明書のドメイン名を変更localhostを。

    
    LOCATION / { 
    } 

    LOCATION /ハロー{ 
        try_files $ $ URI URI / /hello/index.html; 
    } 
}

　　

　これらは、ちょうどサブディレクトリレベルでのプロジェクトのために、404リフレッシュ問題が解決されることになります