vueプロジェクトのパッケージングパブリケーションプロセスを1回記録する

vueプロジェクトパッケージ:

npm run build

ファイル内のピクチャリファレンスは、cssクラスを含むバックグラウンドピクチャクラスをimportで導入し、dataに書き、ビューを動的にバインドする必要があります.cssに直接書くことはできません
パッケージング後にサーバに配備:サーバからリソースまたはファイルを取得するには、まずサーバの上にサービスがあり、自分でどんな言語で書くか、既存のサーバソフトウェアで書くことができます.例えばnodejsはappでサービスを作成します.jsの中でexpressを使います.staticはどのディレクトリを管理し、このnodejsプロジェクトにポートをリスニングすればいいです.本プロジェクトではnginxを使用して、リスニングのポートを構成し、このサービスが管理するファイルに対応するディレクトリを構成し、nginxを起動すると、目的のリソースにアクセスできます.nginxファイルの下のconf.dファイルに入り、vimでpeoを編集します.confファイル.

server {
    listen              8080;
    server_name         0.0.0.0;

    location / {
        root                /your_wp_path/;
        index               index.html;
    }
}

Listenの後ろにリスニングされたポートが書かれています.server_nameの後ろにあなたのドメイン名があります(ドメイン名がなければ、ipを書いて、ipを知らないで下線を書きます_)rootはあなたが書類を置く場所です.ここはパッケージしてアップロードしたdistファイルです.indexは、あなたのサイトにアクセスするときに、パスを付けないとデフォルトでどのファイルが表示されますか.最後にサービスnginx statusサービスの起動に成功しました.