vue-router 的默認(rèn)數(shù)據(jù)hash模式-使用url的hash來模擬一個(gè)完整的URL，于是當(dāng)URL改變時(shí)，頁面不會(huì)重新加載。

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

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

直接配置在根路徑下

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

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

非根路徑配置

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

A項(xiàng)目

http://yoursite.com/A

B項(xiàng)目

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

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持錯(cuò)新站長(zhǎng)站。