サーバ構成nginxのアクセスに配備VUEパッケージ

ピット

CSS、JSのリソースが適切に導入されていません

WebPACKのコンフィギュレーションファイルのconfig / index.js

我々は変更する必要があります。

この方法の一つ

フォルダをプロジェクトに展開するとルートパスなどの静的フォルダの構成は、この問題を解決するために、あなたは相対パスを参照する必要があるため、この絶対パスは、問題になります

 

 

 

方法二

 

 

 

二つのピット

誤ったアドレスを導入することなく、背景画像

　　パスは、上記問題にリソース参照を解決するが、背景画像内のリソースは、index.htmlをロードされたリソースとは異なり、参照が./static/js/app.jsにより適切にロードすることができるが、画像リソースがCSSを介してロードされ、背景：URLノー・リピート（ "../../資産/画像/ロゴindex.png"）;比較的URL（静的/ IMG /ロゴ-index.2f00bf2.png）にパックされた後、NO-私たちは繰り返し、通常のパスCSSの参照ピクチャを維持したいので、すなわち：

URL（../../ 静的 /img/logo-index.2f00bf2.png）ノー・リピート

 

 

 

 

ハング3

VUEルートリフレッシュ404

 

次のようにnginxの構成は次のとおりです。

サーバー{
    聞く        80 。
    SERVER_NAME www.xxx.com;

    位置 / {
        ルート    /データ/ WWW / 。
        index.htmをindex.htmlをインデックス。
        try_files $ URI $ uriの / / index.htmlを最後。
    }