ネストされたルートは静的パスを破ります

私のCSSは静的ディレクトリの中に置かれます。ネストされたルートは静的パスを破ります

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/user/static/font-awesome/css/font-awesome.min.css

どのように私はこの問題を解決することができます。

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

は間違った静的なパスに変身しますか？

出典

2017-07-16 Kakar

あなたは、CSSの絶対URLを/にリンクするとどうなりますか？

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

出典

2017-07-16 23:05:34

はい。ありがとうございました。相対パスがうまくいかなかった理由を教えてください。 – Kakar

相対パスは現在のURLからの相対パスである可能性があります。 –

これはかなりうまくいった、ありがとう！ – Wilson

ネストされたルートは静的パスを破ります

答えて

関連する問題