vue項目部署到centos7.6服務器（使用nginx）

一、vue前端代碼準備工作：

1、目錄結構

2、在 npm run build 之前 將/src/config/index.js文件中的 assetsPublicPath: '/', 改爲 assetsPublicPath: './',否則當打開頁面時會出現空白頁的情況。

3、若項目使用的elementUI，編譯後可能會出現elementUI自帶icon變爲小方框情況，解決辦法：修改/src/build/utilutils.js 文件，在執行 npm run build

4、將編譯後的dist文件夾壓縮上傳到服務器某目錄下。

二、服務器準備及部署

1、在服務器上安裝 nginx

2、nginx常用命令

    （1）啓動、停止、重載命令

      systemctl start nginx.service

      systemctl stop nginx.service

      systemctl reload nginx.service

      systemctl status nginx.service

   （2）查看nginx的狀態及進程與端口（啓動後）

      命令1：systemctl status nginx.service

      命令2：netstat -antp | grep :80（查看80端口被哪個服務佔用）or netstat -antpuel  | grep ":22" | grep  -v grep（過慮grep本身）

    

 

    命令3：netstat -antp | grep :（查看所有端口占用情況）

    

   

　命令4：ps aux | grep nginx（查看nginx進程運行狀態）or ps aux | grep :80 | grep -v grep（過慮grep本身）

    

 

（3）殺掉進程命令

    a)相關nginx進行全部殺掉：killall -9 nginx  

    b)把PID兩個進程殺掉：kill -9 pid1 and kill -9 pid1 

 

（4）查看版本

   命令：nginx -V