解決vue+router路由跳轉(zhuǎn)不起作用的一項原因
如下所示:
Vue.use(Router)export default new Router({mode:’history’,routes: [ { path: ’/’, component: Login }, { path: ’/login’, component: Login }, { path: ’/register’,component: Register}, {path: ’/*’, component: NotFound}, ]})
記得要寫上 mode:’history’, 原因如下

補(bǔ)充知識:vue-router配置后地址欄輸入跳轉(zhuǎn)不成功問題
在起服務(wù)的js中增加 connect-history-api-fallback
const history = require(’connect-history-api-fallback’); // 在靜態(tài)頁面之前,這一句:app.use(’/static’, express.static(__dirname + ’/public’))之前設(shè)置historyconst historyConfig = { index: ’/index.html’};app.use(history(historyConfig));
以上這篇解決vue+router路由跳轉(zhuǎn)不起作用的一項原因就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. 詳細(xì)總結(jié)Java for循環(huán)的那些坑2. python文件處理--文件讀寫詳解3. Java進(jìn)行Appium自動化測試的實(shí)現(xiàn)4. Python通過format函數(shù)格式化顯示值5. 新手學(xué)python應(yīng)該下哪個版本6. jsp文件下載功能實(shí)現(xiàn)代碼7. uni-app結(jié)合PHP實(shí)現(xiàn)單用戶登陸demo及解析8. 如何利用Python matplotlib繪制雷達(dá)圖9. ajax實(shí)現(xiàn)頁面的局部加載10. 詳解CSS偽元素的妙用單標(biāo)簽之美

網(wǎng)公網(wǎng)安備