vue刷新404

1. 問題描述

• 利用vue-route結合webpack編寫了一個單頁路由項目，運維協助在服務器端配置nginx。部署完成後，訪問首頁沒問題，從首頁裏打開二級頁面沒問題，可是全部的二級頁面打開後，再次刷新，就會出現404現象！

2. 問題緣由：

• 刷新頁面時訪問的資源在服務端找不到，由於vue-router設置的路徑不是真實存在的路徑。

3. 解決方法：

• 在nginx配置裏添加vue-route的跳轉設置（這裏首頁是index.html，若是是index.php就在下面對應位置替換），正確配置以下

  location / {
      try_files $uri $uri/ @router;
      index index.html;
  }
  
  location @router {
      rewrite ^.*$ /index.html last;
  }