解決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’, 原因如下

補充知識:vue-router配置后地址欄輸入跳轉(zhuǎn)不成功問題
在起服務的js中增加 connect-history-api-fallback
const history = require(’connect-history-api-fallback’); // 在靜態(tài)頁面之前,這一句:app.use(’/static’, express.static(__dirname + ’/public’))之前設置historyconst historyConfig = { index: ’/index.html’};app.use(history(historyConfig));
以上這篇解決vue+router路由跳轉(zhuǎn)不起作用的一項原因就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. Python基于requests庫爬取網(wǎng)站信息2. vscode運行php報錯php?not?found解決辦法3. Python使用Selenium自動進行百度搜索的實現(xiàn)4. Java commons-httpclient如果實現(xiàn)get及post請求5. 一文帶你徹底理解Java序列化和反序列化6. 微信小程序?qū)崿F(xiàn)商品分類頁過程結(jié)束7. PHP laravel實現(xiàn)導出PDF功能8. JS中6個對象數(shù)組去重的方法9. 資深程序員:給Python軟件開發(fā)測試的25個忠告!10. python中文本字符處理的簡單方法記錄

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