vue單頁應(yīng)用使用vue-router會(huì)有兩種配置，即history模式和hash模式，但是hash模式其實(shí)會(huì)有很多限制，最主要的一點(diǎn)，url地址太丑了，所以我們?cè)谏a(chǎn)環(huán)境中也希望用到history模式。

那么問題來了，我們?cè)谑褂胣ginx或者apache等代理服務(wù)器的時(shí)候，會(huì)遇到404的問題，因?yàn)関ue項(xiàng)目編譯出來的dist中，并沒有真正的本地資源提供給nginx或者apache，正確的做法是需要轉(zhuǎn)交給vue-router來做前端路由。

nginx配置（已驗(yàn)證）

server {

listen? ? ? 80;

server_name? localhost;

index index.html;

root /root/dist;

location / {

? ? root /root/dist;

? ? try_files $uri $uri/ /index.html =404;

}

}