前端將vue路由模式改為history模式後需要運維配置才能正常訪問，配置信如下

 location / {
  root html;
  index index.html index.htm;
  try_files $uri $uri/ @rewrites;
 }
 location @rewrites {
  rewrite ^(.+)$ /index.html last;
 }

經測試，可以正常訪問

補充知識：Vue History 模式下 整合Nginx部署踩坑過程

在公司部署Vue專案期間，因Vue的Router下的Hash模式的#號太過於難看，就去把模式改為了history模式，誰想打包後出現了無盡的深淵，各種問題浮現：

問題一：

通過history模式打包後，部署到nginx伺服器內出現了，無法路由的問題，頁面展示空白頁，

之前用hash模式直接用nginx部署採用查詢root方式直接跳轉，hash模式下沒出現過問題，但是

此處的history模式直接就展現了空白頁，無法進行路由，查看了官網說明：

解決辦法：

此處我採用了Nginx伺服器進行配置：

文件配置：

我的配置：

我使用的根目錄為 /v/maintain/

Vue-Cli 3.0修改根目錄的方法：

修改完根目錄後需要修改 Router 的base目錄：

那麼完美解決白屏無法路由問題。

以後有問題還是要以官方文件為主，百度很多說明都比較籠統，不細化。

好啦~這篇針對Vue路由history模式下Nginx後臺配置操作就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援我們。