鍍金池/ 問答/HTML5  PHP  HTML/ Vue的History模式在Nginx怎么配置？

Vue的History模式在Nginx怎么配置？

由于vue-router默認(rèn)是帶了"#"的，但是在微信公眾號里面轉(zhuǎn)發(fā)地址的時候會直接把該地址"#"包括以后的地址全部去掉，導(dǎo)致沒法分享頁面。
所以我按照Vue官方配置，把路由模式設(shè)置為history，并且由于我們項目是服務(wù)端渲染的，所以我把base設(shè)置成了對應(yīng)的mobile。

圖片描述

這樣我就能通過www.xxx.com/mobile來訪問首頁，并且在界面中用vue-router跳轉(zhuǎn)其他頁面也能正常。
但是操蛋的問題就來了，比如我分享的www.xxx.com/mobile/A/B路徑給朋友，那么朋友直接訪問這個路徑就nginx會報404錯誤。
然后我就按照vue官方推薦的做法，把nginx加了如下配置。

   location / {
       try_files $uri $uri/ /mobile [這里我設(shè)置為mobile是因為項目入口是這里]
   }

但是依舊不生效，請問這里應(yīng)該怎么配置?。?/p>

回答
編輯回答
空白格

這個問題我們后端用另外一種方法解決了，他沒有用Ngnix，而是自己檢測了一次路由，只要是以/mobile開頭的路徑就去輸出mobile.html靜態(tài)文件。

2017年9月4日 13:17
編輯回答
遲月

這樣試試

 location /mobile {
       try_files $uri $uri/ /mobile [這里我設(shè)置為mobile是因為項目入口是這里]
   }
2018年2月18日 11:51