在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

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

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

圖片描述

項(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ò)誤
圖片描述
圖片描述
圖片描述

回答
編輯回答
別逞強(qiáng)

你是不是配置了代理

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

依然沒有解決……

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

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

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

是不是請求方式不對

2017年6月28日 20:31