2017-03-31 11 views
3

背景

我有一個結構化的這樣一個網站:火力地堡改寫單頁VueJS應用程序中的子文件夾

root 
    — /public 
    — index.html <— landing page 
    — 404.html 
    — /library 
     — index.html <— single page VueJS app 

單頁的應用程序可以在這裏找到:https://uxtools-3ac6e.firebaseapp.com/library/

這裏是我的火力點.json:

{ 
    "database": { 
    "rules": "database.rules.json" 
    }, 
    "hosting": { 
    "public": "public", 
    "rewrites": [ 
     { 
     "source": "/library/*", 
     "destination": "/library/index.html" 
     } 
    ] 
    } 
} 

問題

當應用程序開始路由到子路徑時,如https://uxtools-3ac6e.firebaseapp.com/library/lists/order-group-best-sources-learn-ux,刷新將重定向到404而不是library/index.html。

回答

8

您需要使用雙星水珠匹配:

"source": "/library/**" 

單星將只匹配到一個斜線,所以它會匹配/library/lists但不/library/lists/foo

+0

謝謝,先生。如果其他人面臨這個問題,重寫也改變了我的JavaScript和圖像的親屬路徑。絕對路徑解決了這個問題。 – taylorpalmer