vuejs2.0入門実戦-ゼロからtodoAppアプリケーションを開発し、オンラインチュートリアルを導入する(3):オンラインの導入

vuejs2.0実戦-ゼロからtodoAppアプリケーションを開発し、オンラインチュートリアルを導入する(一):事前準備 vuejs2.0実戦-ゼロからtodoAppアプリケーションを開発し、オンラインチュートリアルを導入する(2):コード作成 ->vuejs2.0実戦-ゼロからtodoAppアプリケーションを開発し、オンラインチュートリアルを導入(3):オンラインの導入
これでプロジェクトの作成が完了しました.次に、プロジェクトの最後のオンライン化方法について説明します.
ファイルの転送
プロジェクトフォルダの下に生産環境(production)を生成するプロジェクトファイル入力コマンド:npm run build生成された最終アイテムは./distフォルダに生成されます.
OK、ここまで来たら、サーバーに転送するだけでいいです.
ネット上で見つけたscp転送コマンド

            (       )
scp -r   ~/todoapp/dist [email protected]:/home/wwwroot/project/todoapp

scpコマンドの使用方法について:

            
====== 
*     ： 
        *     ： 
                scp local_file remote_username@remote_ip:remote_folder 

*     ： 
        *     ： 
                scp -r local_folder remote_username@remote_ip:remote_folder 

        ，                2         ； 

  ： 
        scp [email protected]:/home/root/others/music /home/space/music/1.mp3 
        scp -r www.abc.com:/home/root/others/ /home/space/music/

puttyによるリモートサーバの操作
まだインストールされていない場合は、次の手順に従います.

sudo apt-get install putty
putty

ポップアップputtyのウィンドウでipアドレスとポートを入力し、変更されていない場合はデフォルトポートを維持します(port:22)
接続後、アカウント、パスワードを入力します.
ここではngnixサーバを使用して、
インストールチュートリアル:Linuxでのインストール構成Nginxの詳細 Ubuntu 14.04インストール最新安定版Nginx 1.6.0 Ubuntu-Nginxインストールの詳細[推奨]
リンクが切れる恐れがあるので、ここでは簡単に手順を書きましょう.

Nginx          ：

     

①gzip      zlib   

②rewrite      pcre   

③ssl      openssl   

       :

sudo apt-get install libpcre3 libpcre3-dev libpcrecpp0 libssl-dev zlib1g-dev

 

ububtu              ：

apt-get install build-essential

apt-get install libtool

         pcre, zlib，      rewrite，    gzip  。



       ：

1.      ：       ,    cd /usr/local/src
2.  PCRE :  zlib :  ssl（  vps    ssl):

sudo apt-get install libpcre3 libpcre3-dev libpcrecpp0 libssl-dev zlib1g-dev

--------

3.  nginx:

Nginx        ，          ，                      ，     Nginx     /usr/local/nginx         ：(  ：   sudo )

cd /usr/local/src

wget http://nginx.org/download/nginx-1.4.2.tar.gz

tar -zxvf nginx-1.4.2.tar.gz

cd nginx-1.4.2

 

./configure 

make

make install

6.      ：netstat -ano|grep 80

7.  Nginx：sudo /usr/local/nginx/sbin/nginx

8.          IP，   Welcome  ，      

一般的なngnixコマンドについて:

#  nginx  
service nginx -s  reload

#  Nginx
sudo /usr/local/nginx/sbin/nginx

Nginxのプロファイルnginxを変更します.config構成nginxリスニング80ポート、location/project/todoapp aliasから/home/wwwroot/project/todoapp/dist、

location /project/todoapp {
    alias /home/wwwroot/project/todoapp/dist;
}

nginx service nginx -s reloadを再起動
http:ip/project/todoappにアクセスすればいい