嵌套路線打破靜態路徑

HTML：

<html> 
    <head> 
    <link rel="stylesheet" href="static/font-awesome/css/font-awesome.min.css"> 
    </head> 
    <body> 
    <div id="app"></div> 
    </body> 
</html>

而且我嵌套的路線

const routes = [ 
    { 
     path: '/user/:id', component: Profile, 
     children: [ 
      { 
       path: 'feeds', 
       component: ProfileFeeds 
      }, 
      { 
       path: 'photos', 
       component: ProfilePhotos 
      }, 
     ] 
    }, 
    ... some other routes... , 
];

當我嵌套的路線之外，靜態文件中找到。但是，當我導航到user/user_21/feeds時，Vue無法找到該CSS。

工作CSS：

http://localhost:8080/static/font-awesome/css/font-awesome.min.css

變成了錯誤的靜態路徑：

http://localhost:8080/user/static/font-awesome/css/font-awesome.min.css

我該如何解決這個問題？

來源

2017-07-16 Kakar

如果您將css開頭的絕對網址與/鏈接，該怎麼辦？

<link rel="stylesheet" href="/static/font-awesome/css/font-awesome.min.css">

來源

2017-07-16 23:05:34

是的，工作。謝謝。你能否告訴我爲什麼相對路徑不起作用？ – Kakar

相對路徑可能與當前網址相關。 –

這工作得很好，謝謝！ – Wilson

嵌套路線打破靜態路徑

回答

相關問題