アリ雲のインストールNginx+vueプロジェクトの展開

まず、私たちはまず、nginxのインストールパッケージをダウンロードします.http://nginx.org/en/download.html
NFgix取付一:
まず、PCRE pcre-develとZlibをインストールします.inxを設定する時、この二つのものが必要です.PCREはPerl Comptible Reglar Expressionsです.perl対応の正規表現ライブラリを含みます.nginxのhttpモジュールはpcreを使って正規表現を解析するために、linuxにpcreライブラリをインストールする必要があります.pcre-develはpcreを使って開発された二次開発ライブラリです.inxもこのライブラリが必要です.コマンド:
yum install-y pcre pcre-devel zlibライブラリはたくさんの圧縮と解凍の方式を提供しています.inxはzlibを使ってhttpパッケージの内容をgzzipするので、Centosにzlibライブラリを設置する必要があります.
yum install-y zlib zlib-develは私がインストールする時に2つ装着すればいいですが、必要があれば、errorの提示によってGCCとOpenSSLが必要かもしれません.
yum install gcc-c+yum install-y openssl openssl-develはいいです.今から私達はnginxをインストールします.1.14.0これは最新バージョンです.
wget-chttps://nginx.org/download/nginx-1.14.0.tar.gz 解凍してinxディレクトリに入ります.
tar-zxvf nginx-1.14.tar.gz cd nginx-1.14.0使用nginxのデフォルトの構成
./configurコンパイルインストール
make make installはインストールパスを検索します.
wheeins inx
sbinディレクトリに入ると、実行可能ファイルinxがあります.直接実行すればいいです.
実行後にサーバーipにアクセスすると、inxの歓迎ページが表示されます.
アクセスできない場合は、アリクラウドサーバーのインスタンス管理のセキュリティグループに設定してください.
 
これでいいです
 
ブート設定は、rc.localで起動コードを追加すればいいです.
vi/etc/rc.localは一行を追加します. /usr/local/inx/sbin/inx設定実行権限:
chmod 755 c.local
iを押して編集モードに入り、を押します.wq保存は終了します.
これで完成です 
nginx取付二:
アップロードnginxをサーバーにダウンロードします.
nginxをダウンロードして、Xftpを使って圧縮パケットをアップロードするLinuxサーバ:

4.2、gccとg+コンパイラを取り付ける

yum -y install gcc automake autoconf libtool make

yum install gcc gcc-c++

4.3、解凍nginx取付パッケージ

tar -zxvf nginx-1.8.1.tar.gz

nginx-1.8.1ディレクトリに入ります.

cd nginx-1.8.1

4.4、makeコンパイルはそれをインストールします.

./configure
make
make install

4.5、zlibライブラリの設置

cd ~
wget http://www.zlib.net/zlib-1.2.11.tar.gz
tar -zxvf zlib-1.2.11.tar.gz
cd zlib-1.2.11
./configure
make
make install

4.6、SSLの取り付け

yum -y install openssl openssl-devel

4.7、pcreを取り付ける

yum -y install pcre-devel

4.8、nginxの取り付け

./configure
make
make install

4.9、nginxサービスの基本操作
起動サービス:

/usr/local/nginx/sbin/nginx

この時、あなたのサーバーのパブリックipアドレスにアクセスして、次のようなページを開けたら、inx起動に成功しました.

サービスを再開:

/usr/local/nginx/sbin/nginx -s reopen

表示サービス:

ps -ef | grep nginx

赤枠の数字はサービスを停止する時に使います.
サービスを停止:

kill 7332

表示設定:

vi /usr/local/nginx/conf/nginx.conf

設定ファイルを再読み込み:
設定ファイルを変更したら、設定ファイルを再読み込みする必要があります.

/usr/local/nginx/sbin/nginx -s reload

五、Vue項目を包装してサーバにアップロードする
npm run buildでプロジェクトを包装する前に、configディレクトリのindex.jsファイルを修正する必要があります.でないと、静的ファイルのロードに失敗する可能性があります.config/index.jsを開いて、buildオブジェクトの下のクラスets PublicPath位置に位置します.パスは「./」に変更されます.

build: {
    // ...
    assetsPublicPath: './',
}

npm run buildパッケージ項目を実行します.

包装が成功したら、プロジェクトディレクトリの中にもう一つのdistフォルダがあります.中にはスタティックファイルとindexがあります.これは包装されたプロジェクトです.そしてこのフォルダをサーバーにアップロードすればいいです.
Xftpを開けて、本機でdistというディレクトリを見つけて、サーバーに転送します.サーバーのvarディレクトリの下でwwwディレクトリを新規作成しました.私のプロジェクトを保存します.

転送が完了したら、XShellを開いて、nginxの設定ファイルを修正して、実行します.

vim /usr/local/nginx/conf/nginx.conf

server下のlocationにサイトルートディレクトリを配置する:

設定ファイルを変更しました.設定ファイルを再読み込みして実行します.

/usr/local/nginx/sbin/nginx -s reload

サーバーのipアドレスにアクセスすると、自分のプロジェクトが見えます.

六、よく使う操作
インライン常用コマンドの設定:

表示構成:vi/usr/local/nginx/conf/nginx.co nf

編集構成:vim/usr/local/nginx/conf/nginx.com

再起動構成:/usr/local/nginx/sbin/nginx-s reload

サービスを再開します./usr/local/nginx/sbin/nginx-s reopen

vim基本使用:

shift+i挿入内容

Escは編集を終了します.

uキャンセル

:wq保存して編集を終了する

Linuxを解決してvimを使ってE 325:ATTENTIONエラーが発生しました.
交換ファイルを削除します.swp:

cd /usr/local/nginx/conf
ls -la
rm -f .nginx.conf.swp

ファイルを交換するのは隠していますので、lsコマンドは見えません.ls-laが必要です.隠しファイルを確認することができます.