嵌套路线打破静态路径
问题描述:
我的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/static/font-awesome/css/font-awesome.min.css
变成了错误的静态路径:
http://localhost:8080/user/static/font-awesome/css/font-awesome.min.css
我该如何解决这个问题?
答
如果您将css开头的绝对网址与/
链接,该怎么办?
<link rel="stylesheet" href="/static/font-awesome/css/font-awesome.min.css">
是的,工作。谢谢。你能否告诉我为什么相对路径不起作用? – Kakar
相对路径可能与当前网址相关。 –
这工作得很好,谢谢! – Wilson