項(xiàng)目是使用vue-cli生成的，在router文件夾下的index.js文件中使用的路由配置中使用的了history模式將#號(hào)隱藏掉

不過這種模式要玩好，還需要后臺(tái)配置支持。因?yàn)槲覀兊膽?yīng)用是個(gè)單頁客戶端應(yīng)用，如果后臺(tái)沒有正確的配置，當(dāng)用戶在瀏覽器直接訪問 http://oursite.com/user/id 就會(huì)返回 404，這就不好看了。

所以呢，你要在服務(wù)端增加一個(gè)覆蓋所有情況的候選資源：如果 URL 匹配不到任何靜態(tài)資源，則應(yīng)該返回同一個(gè) index.html 頁面，這個(gè)頁面就是你 app 依賴的頁面。

參閱文檔知道啟用history模式需要后臺(tái)的配合,所以后臺(tái)根據(jù)文檔說明加入了nginx的相關(guān)設(shè)置

location / {
  try_files $uri $uri/ /index.html;
}

但是，路由在進(jìn)入的時(shí)候依然出現(xiàn)了問題，首次進(jìn)入正常，但是在路由頁面進(jìn)行刷新或者直接訪問路由頁面，則出現(xiàn)頁面空白，這基本符合官方文檔解釋的404情況，但是我這里不知為何返回的確實(shí)服務(wù)端錯(cuò)誤，并且，后臺(tái)確實(shí)在Nginx配置中加入了官方文檔中要求的那段支持代碼，但是這段代碼在這里并沒有起作用，并且后臺(tái)查看日志501錯(cuò)誤是找不到這個(gè)路徑的錯(cuò)誤