1. 程式人生 > >解決使用vue-cli生成專案後項目地址自動新增#號的問題

解決使用vue-cli生成專案後項目地址自動新增#號的問題

使用vue官方的vue-cli腳手架自動生成專案後,在啟動專案後,會自動開啟 ‘http://localhost:8080/#/’ 地址,而且一直沒法去掉“#”號。直到後來重新詳細看vue-router官方文件,才發現,這是由路由的預設配置模式引起的。

解決方法是將路由配置成history模式,程式碼如下:

export default new Router({
    mode: 'history',
    routes: [
        {
            path: '/',
            name: 'Hello',
            component: Hello
        }
    ]
})