由于業(yè)務(wù)需要,需要使用到多頁面,最近在多頁面中路由跳轉(zhuǎn)遇到了一個(gè)問題:1、有index.html、exchange.html兩個(gè)模板文件,分別對(duì)應(yīng)兩個(gè)入口,vue.config.js配置如下// 配置多頁面入口
pages: {
index: {
entry: 'src/main.js',
template: 'public/index.html',
filename: 'index.html',
title: 'Index Page',
chunks: ['chunk-vendors', 'chunk-common', 'index']
},
exchange: {
entry: 'src/exchange_main.js',
title: 'exchange page',
template: 'public/exchange.html',
filename: 'exchange.html',
}
},2、index入口對(duì)應(yīng)的路由訪問地址為:http://localhost:8088/#/xxx;exchange入口對(duì)應(yīng)的路由訪問地址為:http://localhost:8088/exchange.html#/xxx3、問題來了,當(dāng)我在http://localhost:8088/exchange.html#/xxx頁面中需要回到http://localhost:8088/#/xxx頁面時(shí),使用<router-link>組件來訪問就變成這樣了:在http://localhost:8088/exchange.html#/exchange中我想回到首頁,于是路由這樣寫:<router-link to="/home">首頁</router-link>,然后就變成上面這樣了,這就導(dǎo)致我不能正確的回到首頁。我現(xiàn)在的做法是使用a標(biāo)簽來進(jìn)行訪問,如:<a href="http://localhost:8088/#/home">首頁</a>,但如果頁面中有很多要跳轉(zhuǎn)的地方那就很麻煩了請(qǐng)問各位大神有沒有更好的辦法呢?
3 回答

慕哥6287543
TA貢獻(xiàn)1831條經(jīng)驗(yàn) 獲得超10個(gè)贊
可以自己寫一個(gè)組件類似routerlink 參數(shù)一個(gè)to,就和routerlonk傳的一樣,然后多寫一個(gè),比如傳個(gè)index 或者exchange

海綿寶寶撒
TA貢獻(xiàn)1809條經(jīng)驗(yàn) 獲得超8個(gè)贊
VUE本來就是單頁應(yīng)用,如果要多應(yīng)用之間跳轉(zhuǎn) 可以用原始方法
跳轉(zhuǎn)window.location.href = '/exchange.html#/exchange'
覺得麻煩 就自己寫個(gè)組件 <index-link /> 不過內(nèi)部方法 還是window.location.href 只是包裝的好看些
添加回答
舉報(bào)
0/150
提交
取消