この記事では、サーバがどのようなシステムに適しており、展開の方法を説明し（例：Windows版、Mac、など...）、だけでなく、プロジェクトの任意のフロントエンドフレームワークを展開することができます（例：VUE、反応し、JQ、等...）
1. nginxのインストールディレクトリ、MACシステムの例のように：
varフォルダは、フォルダ内のetcディレクトリ、VaRのWWWフォルダ内の同じレベルにフォルダがあります。このWWWフォルダは場所に展開するプロジェクトの前端部に配置されます。同様に、他のサーバシステムもの/ var / WWWのパスを見つけ、プロジェクトのフロントエンドは、缶の中に展開されます。
index.htmlをと50x.html内部1.1 WWWフォルダはnginxの自分です。index.htmlのウェルカムページには、一般的に成功し、開始するかどうかを決定するために使用されてnginxの、nginxのです。50x.htmlページがエラーページです。
私自身のちょうど2つのフロントエンドプロジェクト、歌フォルダに1.2曲とdistのフォルダがここでtest.htmlというページがあります、VUEプロジェクト後のdistのフォルダがパッケージです。
2.スタートコンフィギュレーションファイル/etc/nginx/nginx.conf
2.1設定/song/test.html
2.2コンフィギュレーション/dist/index.html。この構成は、9996ポートの訪問の下にdistのサブディレクトリですVUE assetsPublicPath内部のプロジェクトとdistのためのルータベースを変更することを忘れないでください。
注：サーバーはMACシステムである場合は、フロントエンドのプロジェクトが展開nginxのは/ var / www /のディレクトリの下に置かれていない場合、アクセス時にnginxの設定がOKであれば、例えば、テーブルの上に置く、エラーの可能性があり、その後、エラーログ次のようにそれは、何の権限もないことができます：
2020/02/12 11:36:42 [error] 37614#0: *13 "/Users/admin/Desktop/test/test.html" is forbidden (13: Permission denied), client: 127.0.0.1, server: localhost, request: "GET / HTTP/1.1", host: "localhost:9998"
这时就可能是安装的 homebrew 有问题，解决方案就是：(二选一即可)
a. 重新安装 homebrew
b. 修改mac系统的权限配置(自行google)
我个人的建议就是，被部署的项目直接放到 /var/www/ 目录下即可。因为这个目录就是nginx本身的，不会有任何权限问题，而且这种方法适用于任何系统和任何项目。