Nuxt SSR 阿里雲部署之nginx代理--詳解篇

前言：因爲不少小夥伴私信我，關於阿里雲部署NUXT 應用的問題，在這裏具體詳細的介紹一下

個人服務器版本是CentOS7～

所需工具： Xftp5   Xshell5（有遠程倉庫的就不須要Xftp5 直接推到你的服務器）

步驟： 1 安裝配置 nvm（node）2 mysql  3  配置 nginx（Tengine）4 pm2 啓動

一.  安裝配置nvm 安裝node： 點擊地址

二.  安裝mysql：點擊地址

     安裝完畢 設置密碼  source mysql.sql  導入你的sql文件

三.  配置nginx

    一、 下載tengine包，將tengine-2.2.0.tar.gz下載到 /usr/soft目錄中。

    二、 解壓tengine包到 /usr/src中：

        cd /usr/src

        cp /usr/soft/tengine-2.2.0.tar.gz ./

        tar -zxvf tengine-2.2.0.tar.gz

        rm -rf tengine-2.2.0.tar.gz

    三、 安裝必須組件

         yum -y install gcc gcc-c++

      PCRE：

         cd /usr/src

         wget ftp://ftp.csx.cam.ac.uk/pub/software/programming/pcre/pcre-8.39.tar.gz

         tar zxvf pcre-8.39.tar.gz

        ./configure --prefix=/usr/local/pcre-8.39

        make && make install

     OpenSSL：

        cd /usr/src

        wget www.openssl.org/source/open…

       tar zxvf openssl-1.0.2.tar.gz

       ./config --prefix=/usr/local/openssl-1.0.2

       make && make install

    Zlib：

       cd /usr/src

       wget www.zlib.net/zlib-1.2.11…

       tar zxvf zlib-1.2.11.tar.gz

      ./configure --prefix=/usr/local/zlib-1.2.11

       make && make install

  四、 設置軟連接和開機啓動服務

      ln -s /etc/init.d/nginx /usr/bin/nginx

     chmod 755 nginx

     chkconfig --add nginx

     chkconfig nginx on  

   五、 nginx 配置文件

    worker_processes 1;

    error_log logs/error.log;

    error_log logs/error.log notice;

    error_log logs/error.log info;

    pid logs/nginx.pid;

    events {

       use epoll;

       worker_connections 1024;

     }

    http {

       include mime.types;

       default_type application/octet-stream;

      sendfile on;

      keepalive_timeout 65;

     #gzip on;

     include /usr/local/nginx/conf/conf_site/*.conf; // 單獨  include  conf文件

   }

  六、 include的conf配置 

    server{

       listen 80;

       location / {

         deny all;

        }

    }

   upstream maven_domain_com {

       server localhost:8000; // 本身的服務器ip

    }

   server{

        listen 80;  // 監聽80端口

        server_name maven.domains.com; // 本身的二級域名

        location / {

           proxy_pass http://maven_domains_com/nexus/;

           proxy_set_header Host $host;

           proxy_set_header X-Real-IP $remote_addr;

           proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

       } 

       location /nexus/ {

           proxy_pass http://maven_domain_com/nexus/;

           proxy_set_header Host $host;

           proxy_set_header X-Real-IP $remote_addr;

           proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

       }

    }

7. 啓動nginx

   cd /usr/local/nginx/  

   ./nginx

四. 整理代碼放到服務器

打開Xftp  左上角 新建 會話

 

而後打開

選擇剛纔新建的

鏈接成功 以後 進入服務器的 root 帳戶的 根目錄 （下圖）

五 啓動項目

把你的項目直接拖拽到你想放置的目錄，

切換到項目

npm install 安裝包的依賴 （可能會出各類包兼容問題）

若是出現包兼容問題，把package.json 文件的包的版本前 的^去掉

而後刪除 rm -f -r  ./node_modules

清除 包緩存  npm  clear  cache

而後安裝yarn  npm install  yarn -g

從新用yarn 安裝一次

 yarn install

安裝pm2

yarn add pm2

先執行 npm run dev

而後執行 pm2 start bulid/main.js

執行 pm2 list # 顯示全部進程狀態

顯示online  就表示已經啓動

若是訪問不通 能夠查看下 pm2 logs 

也能夠執行 pm2 monit # 監視全部進程

如今 輸入你的域名進行訪問把～～～～

成功部署～～～ 

已經部署成功的開源項目 點擊鏈接

另外推薦一個 node項目 壓力測試模塊：autocannon