鍍金池/ 問答/PHP  HTML/ vue-cli 路由使用mode:"history"模式出錯

vue-cli 路由使用mode:"history"模式出錯,請問是什么原因?

圖片描述

項目是使用vue-cli生成的,在router文件夾下的index.js文件中使用的路由配置中使用的了history模式將#號隱藏掉

不過這種模式要玩好,還需要后臺配置支持。因為我們的應(yīng)用是個單頁客戶端應(yīng)用,如果后臺沒有正確的配置,當(dāng)用戶在瀏覽器直接訪問 http://oursite.com/user/id 就會返回 404,這就不好看了。

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

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

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

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

回答
編輯回答
別逞強

你是不是配置了代理

2017年5月21日 22:45
編輯回答
鹿惑

依然沒有解決……

2018年2月27日 12:48
編輯回答
尕筱澄

應(yīng)該是沒有配置index吧。而且你這個應(yīng)該是接口處理的

2017年6月15日 06:30
編輯回答
葬愛

是不是請求方式不對

2017年6月28日 20:31