解決vue+router路由跳轉不起作用的一項原因
更新時間：2020年07月19日 15:33:15 作者：浪漫的程序猿
這篇文章主要介紹了解決vue+router路由跳轉不起作用的一項原因，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
如下所示：
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', 原因如下
補充知識：vue-router配置后地址欄輸入跳轉不成功問題
在起服務的js中增加 connect-history-api-fallback
const history = require('connect-history-api-fallback');
// 在靜態(tài)頁面之前，這一句：app.use('/static', express.static(__dirname + '/public'))之前設置history
const historyConfig = {
index: '/index.html'
};
app.use(history(historyConfig));
以上這篇解決vue+router路由跳轉不起作用的一項原因就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
本篇文章主要給大家講述了VueJS應用中管理用戶權限的詳細過程和方法，以及相關的代碼展示，需要的朋友參考下吧。2018-02-02
本篇文章主要介紹了Vue學習筆記進階篇之函數化組件探究，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
今天小編就為大家分享一篇vue2.0獲取鼠標位置的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
在本篇文章里小編給大家整理了一篇關于vue中4個自定義指令講解及實例用法，有興趣的朋友們可以跟著學習下。2021-12-12
Vue?+?ElementUI表格內實現(xiàn)圖片點擊放大效果的兩種實現(xiàn)方式
這篇文章主要介紹了Vue?+?ElementUI表格內實現(xiàn)圖片點擊放大效果的兩種實現(xiàn)方式,第一種使用el-popover彈出框來實現(xiàn)而第二種使用v-viewer插件實現(xiàn),需要的朋友可以參考下2024-08-08
這篇文章主要介紹了Vue計算屬性與監(jiān)視(偵聽)屬性的使用,計算屬性指的是通過一系列運算之后，最終得到一個值，watch監(jiān)視(偵聽)器允許開發(fā)者監(jiān)視數據的變化，從而針對數據的變化做特定的操作，本文就這兩種屬性給大家詳細講解，感興趣的朋友一起學習吧2022-11-11
axios全局注冊,設置token,以及全局設置url請求網段的方法
今天小編就為大家分享一篇axios全局注冊,設置token,以及全局設置url請求網段的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
下面小編就為大家分享一篇iview中Select 選擇器多選校驗方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
這篇文章主要介紹了詳解如何搭建mpvue框架搭配vant組件庫的小程序項目，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-05-05
這篇文章主要介紹了Vue中自定義標簽及其使用方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-06-06