鍍金池/ 問答/HTML/ vue去掉#號，刷新跳轉(zhuǎn)回主頁問題

vue去掉#號，刷新跳轉(zhuǎn)回主頁問題

用了vue-router，
然后看到#號有點難受，
去掉了#號(mode: 'history')，
然后更難受了，因為我在不是主頁的路由下，我ctrl+r刷新，跳回主頁了。

這一刻……我懵了……………………

求解?。?！
網(wǎng)上查需要后端做支持，請問是什么樣的支持呢，我這邊是運維在管服務器，需要他在服務器上配置什么呢？
如了解，請告知！還望說出具體解決方法！萬分感謝?。?！

回答
編輯回答
陪妳哭

HTML5 新增的歷史記錄 API 可以實現(xiàn)無刷新更改地址欄鏈接，配合 AJAX 可以做到無刷新跳轉(zhuǎn)。

簡單來說：假設(shè)當前頁面為renfei.org/，那么執(zhí)行下面的 JavaScript 語句：

window.history.pushState(null, null, "/profile/");

之后，地址欄的地址就會變成renfei.org/profile/，但同時瀏覽器不會刷新頁面，甚至不會檢測目標頁面是否存在。

如果你的后端不做配置， 它就會去找renfei.org/profile/index.html(取決于服務器配置)，如果不存在就404. 因此這里需要服務端配置，renfei.org/*/ 都返回 enfei.org／index.html 這樣就不會404了

2017年12月8日 20:22
編輯回答
伴謊

mode: 'history',

2017年5月1日 08:01
編輯回答
愚念

文檔里面有
HTML5 History 模式

2017年7月22日 23:01