vue-router 的默認數據hash模式-使用url的hash來模擬一個完整的URL，于是當URL改變時，頁面不會重新加載。

一般情況下，我們不喜歡丑丑的hash，類似于index.html#/matchResult，可以使用路由的history模式。history模式是利用history.pushState API來實現頁面跳轉。

但是有個問題，在使用nginx的時候，我們需要添加一些配置。

直接配置在根路徑下

直接配置在根路徑下，訪問的時候只用輸入http://yoursite.com，在nginx的配置如下

location / { try_files $uri $uri/ /index.html;}

非根路徑配置

如果一個域名下有多個項目，那么使用根路徑配置就不合適了，我們需要在根路徑下指定一層路徑，比如說

A項目

http://yoursite.com/A

B項目

http://yoursite.com/B

nginx的配置

  location ^~/A {      alias /XX/A;//此處為A的路徑      index index.html;      try_files $uri $uri/ /A/index.html;  }  location ^~/B {      alias /XX/B;//此處為B的路徑      index index.html;      try_files $uri $uri/ /B/index.html;  }

tip: 注意要用alias不能用root

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。