從url中刪除＃顯示404頁面刷新後，我正在使用Vue Js在Laravel應用程序

Question

我正在開發一個laravel（5.4）應用程序，其中我正在使用vue js（2.0）用於SPA，我的問題是我想要的從URL中刪除＃（散列）。

請給我建議任何解決方案？

這是我的HTML

<ul class="category-list"> 
    <li><router-link to="/testlink.html">Tets Link</router-link></li> 
    <li><router-link to="/demotestlink.html">Demo Test LInk</router-link></li> 
</ul> 

這是我的VUE js代碼

export default new VueRouter({ 
    [ 
     { 
      path: '/testlink.html', 
      component:require('./components/demo/Testlink') 
     } 
    ], 
    mode: 'history', 
}); 

，我已經在資產取得內部組件/演示文件夾中的文件Testlink.vue

注意：僅供參考，我在Laravel使用vue.js（2.0）（5.4）應用

Answer 1

從Vue-Router d ocumentation，我找到了。

vue-router的默認模式是散列模式 - 它使用URL散列來模擬完整的URL，以便在URL更改時不會重新加載頁面。

爲了擺脫散的，我們可以使用路由器的歷史模式，它充分利用了history.pushState API實現網址導航無需重新加載頁面：

const router = new VueRouter({ 
    mode: 'history', 
    routes: [...] 
}) 

我嘗試了上面，它爲我工作得很好。欲瞭解更多信息，請參閱here