centos7 部署vue項目（前后端分離、nginx）

 一、環境准備　

1、centos7系統　     

2、mysql數據庫    

3、在centos7虛擬機上安裝好nginx

 

二、部署內容准備

1、后端war包 或者可執行jar

因為我這里是spring boot項目。我就以可執行jar文件作為后端部署內容，如果是war包，則需要部署在web容器中，這個很簡單，不多說。

首先右鍵點擊自己要部署的項目，run as---->maven insatll 打包

　　

　　

找到打包好的jar,復制到centos上，

　　

　　

執行  java -jar   XXXX.jar,后台正常啟動，

　　

       

2、前端，VUE靜態資源。

如果沒有安裝過node的先安裝node  、npm

進入前端項目根目錄，執行  nmp run build        

 

 構建完成后，可以看到前端項目根目錄下多了一個dist文件夾，這就是要部署的前台文件，

 

復制dist文件夾到centos下，

　　

3.修改nginx配置文件。

　　

　　

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

         新建server 節點 

          

server {
        listen       8001;
        server_name  192.168.0.178;

        location /lic/ {
            alias  /usr/local/renren/dist/;
            index  index.html index.htm;
        }

    }

　　檢查配置文件是否正確

　　　 ./nginx -t

     重新加載nginx配置

        ./nginx -s reload

檢查端口，並開放8001端口，

瀏覽器訪問：

 http://192.168.0.178:8001/lic/

一切正常。

這里有幾個問題需要注意：

第一，前台項目的路徑和nginx配置文件中配置的路徑需要一直。這里用的root用戶，如果用其他用戶，可能訪問靜態資源會被禁止訪問（403），需要“chmod 755 靜態資源路徑 ” 授權，授權的時候要逐級授權，

 比如、     chmod 755   /usr/local/renren/dist

　　　　  chmod 755   /usr/local/renren

                chmod 755   /usr/local/

                chmod 755  /usr

                chmod 644   /usr/local/renren/dist/*

第二，nginx配置文件中配置時，沒有用root ,而是使用alias