Question

我的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

我该如何解决这个问题？

Answer 1

如果您将css开头的绝对网址与/相关联，该怎么办？

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

嵌套路由打破了静态路径

1 个答案: