vue.js項目nginx部署

1、編譯vue工程

一、以管理員身份打開命令窗口

二、進入工程目錄

三、項目路徑下輸入命令npm run build編譯工程（網上查找vue腳手架搭建教程，此處不作贅述）

原工程目錄

編譯過程

編譯須要花點時間、編譯後目錄結構爲

編譯後的包爲dist

2、vue工程部署

一、將dist打包上傳至服務器

二、將壓縮包解壓出來  命令： unzip dist.zip

三、修改nginx配置文件

四、查看nginx進程

一、經過輸入命令： ps -ef|grep nginx能夠看到進程
二、經過輸入命令： pkill  nginx  殺死進程
三、直接輸入命令： nginx 就能夠啓動nginx

五、瀏覽器訪問

http://172.16.0.153:88