問題描述
vue單頁面history路由模式項目部署上線之后, 刷新頁面會跳到404頁面
異常原因
頁面刷新時會重新向服務(wù)器發(fā)起請求落君，因是單頁面應(yīng)用亲铡，故僅存在一個頁面芙盘，非首頁頁面刷新時（路徑并非首頁路徑）侦锯，服務(wù)器接收到請求后剖踊，找不到對應(yīng)的文件庶弃，故返回404。
解決方案
在ngixn配置中添加如下配置即可
location / { # 默認(rèn)路徑下
root /home/myprojecct/dist; # 渲染所需頁面的位置, 適合webpack打包后的文件目錄
index index.html;
try_files $uri $uri/ /index.html; # 解決頁面刷新404問題
}
-
其他nginx詳細配置可參考該文章 Centeros安裝常用工具Git德澈、Nginx歇攻、并配置前端nginx代理
