之前的項(xiàng)目java做的路由,現(xiàn)因某些原因需要部分改成單頁應(yīng)用的模式,在重構(gòu)過程中遇到了這樣一個(gè)奇怪的問題。
router.js是這樣寫的
main.js是這樣寫的
進(jìn)入到這個(gè)頁面,java的路由就直接變成了 http://localhost/#/
,直接跳到了主頁,貌似vue-router在初始化的時(shí)候直接把路由跳到了絕對路徑而不是相對路徑,隨后用express
自己搭了一個(gè)路由為/test/
同樣的寫法,發(fā)現(xiàn)在express里,初始化的時(shí)候,#/
這個(gè)錨點(diǎn)路由是基于當(dāng)前后端路由的地址進(jìn)行初始化的,點(diǎn)擊router-link
后也是后端路由的相對路徑
求教,是哪里出了問題?
vue-router設(shè)置mode: history,可以把#號去掉
const router = new VueRouter({
mode: 'history',
routes: [...]
})
vue-router文檔