一、安裝nginx
Nginx是一個(gè)高性能的HTTP和反向代理服務(wù)，也是一個(gè)IMAP/POP3/SMTP服務(wù)，所以nginx主要做反向代理、負(fù)載均衡以及HTTP服務(wù)器。

安裝步驟：
1.apt-get命令安裝

sudo apt-get update       //更新apt源
sudo apt-get install nginx       //安裝nginx

2.查找nginx的安裝路徑

whereis nginx

截圖

3.啟動(dòng)nginx

cd /usr/sbin    
./nginx    

注意：啟動(dòng)后可能會(huì)遇到80端口被占用的情況，則：

cd /usr/sbin    
fuser -k 80/tcp 
./nginx  

訪問ubuntu服務(wù)器的主機(jī)名，出現(xiàn)以下界面則說明nginx安裝成功：

截圖

二、將vue項(xiàng)目部署到nginx
1.進(jìn)入到vue項(xiàng)目根目錄下，執(zhí)行如下命令打包：

npm run build

打包成功后項(xiàng)目目錄下會(huì)生成dist文件夾(里面有index.html文件和static文件夾)

2.在服務(wù)器創(chuàng)建如下目錄并將dist文件夾下的文件拷貝進(jìn)去，如下圖：

截圖

3.配置nginx

cd /etc/nginx/conf.d         //進(jìn)入配置文件目錄
touch vue.conf        //創(chuàng)建vue.conf文件
sudo vim vue.conf      //打開并編輯vue.conf文件

將如下代碼復(fù)制到vue.conf文件中：

server {
        listen       80;
        server_name  47.99.41.246;
        location / {
            root   /opt/project/vue;
            index  index.html index.htm;
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   /opt/project/vue;
        }
    }

接著按Esc鍵和:wq保存文件并退出

三、在服務(wù)器上安裝相關(guān)軟件
1.jdk
2.maven
3.mysql(或者你使用的對應(yīng)的數(shù)據(jù)庫)
4.redis(springboot項(xiàng)目中有用到就安裝)

四、將springboot項(xiàng)目部署到服務(wù)器
1、進(jìn)入到springboot項(xiàng)目根目錄執(zhí)行如下命令將項(xiàng)目打包：

mvn clean package -Dmaven.test.skip=true

打包成功后項(xiàng)目目錄下的target會(huì)出現(xiàn)一個(gè)jar包，將其拷貝到服務(wù)器的/opt/project/springboot目錄下，并執(zhí)行如下命令運(yùn)行程序：

 nohup java -jar demo-0.0.1-SNAPSHOT.jar &

注意：完成以上三步后可能還是無法成功訪問到項(xiàng)目，可能有如下兩個(gè)原因：
1.在阿里云購買的虛擬服務(wù)器需要進(jìn)入控制臺(tái)的安全組里設(shè)置配置規(guī)則，將前端、后端、nginx使用的端口設(shè)置為允許訪問即可。
2.前端和后端項(xiàng)目甚至nginx的防火墻未開啟，運(yùn)行如下命令發(fā)現(xiàn)為no則防火墻未開啟：

firewall-cmd --query-port=3306/tcp        //判斷端口3306是否開放

接著運(yùn)行以下命令開放：

firewall-cmd --zone=public --add-port=3306/tcp --permanent     //永久開啟3306端口
firewall-cmd --reload        //重啟防火墻