來源:互聯網
上載者:User
關鍵字
php
vue.js
router
history
let router = new VueRouter({
hashbang: true,
history: true,
saveScrollPosition: true,
transitionOnLoad: true
})
之所以開啟vue-router的history,我是覺得能方便使用它的定位功能,就是從詳細頁面返回列表頁面能自動定位。
但隨之帶來了重新整理問題。
不使用history,url格式為http://xxx.xxx.xxx/index#!goodslist
使用history後,url格式為http://xxx.xxx.xxx/goodslist。
請問,使用history如何能給我每一個url地址自動添加/index#! 。
回複內容:
let router = new VueRouter({
hashbang: true,
history: true,
saveScrollPosition: true,
transitionOnLoad: true
})
之所以開啟vue-router的history,我是覺得能方便使用它的定位功能,就是從詳細頁面返回列表頁面能自動定位。
但隨之帶來了重新整理問題。
不使用history,url格式為http://xxx.xxx.xxx/index#!goodslist
使用history後,url格式為http://xxx.xxx.xxx/goodslist。
請問,使用history如何能給我每一個url地址自動添加/index#! 。
前端路由模式有兩種 一種是 hash 模式,使用 # 導航。另一種是 Html5HistoryAPI 模式,不使用 #。
你開啟了 history 就是使用 Html5HistoryAPI 模式,使用這個模式不會添加 #
history.pushstate 自己寫進去?
都開了history模式為什麼還要這個#!呢?