vue項目nginx部署
修改配置
在config的index.js裏，將此處的’/‘改爲’./’
因爲在項目路徑下index.html在根目錄下，現在要求和static同級；這一步是爲了匹配css和js的絕對路徑,爲了解決頁面不顯示問題
項目打包
使用命令
npm run build
進行打包
將項目上傳到服務器
打包成功後，會生成一個dist文件夾，將文件夾上傳到服務器
nginx安裝配置
cd /usr/local
下載nginx安裝包，也可以使用xshell，iterm之類上傳到服務器
wget http://nginx.org/download/nginx-1.6.2.tar.gz
解壓並安裝
tar -zxvf nginx-1.6.2.tar.gz -C /usr/local (local這個目錄類似於Windows的program目錄，所以一些軟件可以都安裝在這裏)
所需的依賴
-
yum install pcre
-
yum install pcre-devel
-
yum install zlib
-
yum install zlib-devel
configure配置
cd /usr/local/nginx-1.6.2 && ./configure --prefix=/usr/local/nginx
編譯安裝（ cd 到解壓好的nginx-1.6.2，這個目錄下安裝編譯）
make && make install
啓動Nginx
執行完後，cd 到/usr/local/nginx目錄下。執行ls，可以看到四個目錄
conf----配置文件 html----網頁文件 logs-----日誌文件 sbin------主要二進制程序
啓動命令： /usr/local/ngnix/sbin/nginx (無參數) 啓動 （-s stop）關閉 （-s reload）重啓
查看
查看是否成功 ps -ef | grep nginx (如果能看到兩個相鄰ID的進程，說明啓動成功)
失敗的可能 80端口被佔用了。 netstat -ano | grep 80
如果成功的話，瀏覽器訪問能看到歡迎頁面：（http://服務器的IP:80）
Nginx配置
vim conf/nginx.conf
訪問成功！
至此，配置完成了！