vue-router+webpack線上部署時單頁項目路由，刷新頁面出現404問題

使用vue項目，線上部署的時候，訪問首頁以及通過路由打開二級頁面沒有問題，但是一刷新就出現404現象

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

 

解決辦法是：在nginx.conf配置修改如下：

location / {
　　root html;
　　try_files $uri $uri/ @router;
　　index index.html index.htm;
}

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

紅色字體是添加的配置，然后保存重啟nginx即可解決。