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;
}
}