web前端如何重寫URL地址

前端實現(xiàn)路由一般有兩種方式
hash: url/#/* , 通過監(jiān)聽hash事件，渲染對應頁面
history: url/*, html5新的api, 具體可以搜下各種單頁面應用路由實現(xiàn)原理（vue-router、react-router）等，這種方式需要后端支持，每次刷新時重定向下

可以使用js的location對象進行url的設定。
代碼：
var url = window.location.href; // 取出當前url地址
url = 'xxxx'; //重新再設定url跳轉的地址
建議：
一般項目中都會把域名目錄用一個常量保存，后邊跳轉的話直接拼接就行了
例：

const contextPath = 'www.baidu.com/dist';
重新路由跳轉的話，在后邊拼接就可以了，希望能幫到你
 

var url = window.location.href;
console.log( url.split("http://")[1].split(".html")[0] );