嵌套路线打破静态路径

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

嵌套路线打破静态路径

回答

相关问题