摘要：因為前后端分離，前端代碼的部署需要用到。由于之前并沒有使用的經(jīng)驗，所以這次部署過程中，根據(jù)網(wǎng)絡上搜到的資料，將不走一步一步記錄下來，最終完成部署。

今年加入的新公司之前沒有前后端分離的項目，我也在入職后在參與的第一個項目中推動了公司的第一個前后端分離項目。因為前后端分離，前端代碼的部署需要用到ngnix。由于之前并沒有使用nginx的經(jīng)驗，所以這次部署過程中，根據(jù)網(wǎng)絡上搜到的資料，將不走一步一步記錄下來，最終完成部署。現(xiàn)在，將他寫成筆記，供后續(xù)查閱，也希望給有和我一樣需求的ngnix小白帶來一點幫助。

首先,我們從網(wǎng)絡下載nginx壓縮包

ngnix-1.12.2.tar.gz復制到opt/soft

tar -zxvf ngnix-1.12.2.tar.gz

安裝nginx

1、安裝prce(重定向支持)和openssl(https支持，如果不需要https可以不安裝。)
            
    - yum -y install pcre*
    - yum -y install openssl*
    - tar  -zxvf ngnix-1.12.2.tar.gz
    - ./configure --prefix=/usr/local/nginx（必須先建好目錄)
            
    - make 
    - make install （這步報錯了，但是沒有影響后面）
    ```
        (error: make *** No rule to make target "build", need by "default" stop) 
        # unbuntu
        apt-get install openssl
        apt-get install libssl-dev

        # centos
        yum -y install openssl openssl-devel
    ```

打包文件放到: home文件夾下 /home/dist // 前端包位置

修改nginx配置文件conf/nginx.conf

    server {
        listen 8080;
        server_name localhost;
        
        location / {
            root home/dist; # 前端包位置
            index index.html index.htm;
            try_files $uri/ /index.html;  # 使vue單頁應用支持新開窗口
        }
        location /urlname {
            poxy_pass http://10.10.10.12:8080 // 代理后臺服務地址
        }
        # ...
    }

啟動nginx

    nginx -c /opt/soft/nginx-1.11.13/conf/nginx.conf
    ps -ef|grep nginx

    kill -INT 777 
    or
    kill -QUIT 1011

6 提示：nginx nginx command not found

    https://blog.csdn.net/pythondafahao/article/details/79826290
    // 修改profile文件
    ```
        vim /etc/profile
        
        export PATH=$PATH:/usr/local/nginx/sbin
        
        source /etc/profile 刷新
    
    ```

7 再次啟動項目

    nginx -c /opt/soft/nginx-1.11.13/conf/nginx.conf
    ps -ef|grep nginx

現(xiàn)在我們已經(jīng)完成了nginx的安裝，并完成了前端代碼的配置。nginx還有很多功能需要學習，我也會在未來學習實踐后記錄下來，繼續(xù)堅持分享