解決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. Gitlab CI-CD自動化部署SpringBoot項目的方法步驟2. ASP基礎(chǔ)知識VBScript基本元素講解3. ajax請求添加自定義header參數(shù)代碼4. Kotlin + Flow 實現(xiàn)Android 應(yīng)用初始化任務(wù)啟動庫5. 基于javascript處理二進(jìn)制圖片流過程詳解6. 使用Python和百度語音識別生成視頻字幕的實現(xiàn)7. ASP中解決“對象關(guān)閉時,不允許操作。”的詭異問題……8. 教你如何寫出可維護(hù)的JS代碼9. 使用python 計算百分位數(shù)實現(xiàn)數(shù)據(jù)分箱代碼10. ASP刪除img標(biāo)簽的style屬性只保留src的正則函數(shù)
