第一次接觸nginx自己將dist包跑起來此熬,平常都是用后端給的xftp將dist包傳到服務器上即可,特此記錄一下刻伊,其實很簡單
1.假設此處你已經(jīng)將dist
包打包完成喘漏,如果沒有打包,在項目位置命令提示符敲入npm run build
即可
2.安裝nginx占哟,http://nginx.org/en/download.html穴亏,選擇Stable version
穩(wěn)定版即可蜂挪,下載下來以后解壓
3.將dist包放入解壓好的nginx文件夾中,如圖所示
image.png
4.修改conf文件夾下的nginx.conf文件嗓化,修改兩處即可棠涮,第一個為監(jiān)聽的端口號,第二個為dist,將文件保存(如果你打包到服務器上一般默認寫80端口)
image.png
5.來到之前有nginx.exe
的項目目錄下刺覆,在此處運行命令提示符严肪,運行start nginx
將服務啟動,就可以看到你打包好的dist文件啦,localhost:
+ 你剛剛監(jiān)聽的端口號
image.png
6.由于vue是SPA谦屑,所以驳糯,當訪問服務器上的路由路徑時,會找不到文件然后404氢橙,所以酝枢,要添加一句tryfiles在location中,配置完的代碼如下
location /{
root disk;
index index.html index.htm
try_files $uri $uri/ /index.html;
}
7.其余nginx常用的操作為
start nginx 啟動nginx
nginx -s quit 安全關閉
nginx -s stop 強制關閉
nginx -s reload 改變配置文件時悍手,重啟nginx工作進程帘睦,使配置生效
nginx -s reopen 打開日志文件
nginx -v 查看版本
nginx -h 查看幫助信息