Question

我最初是在加载一个页面

<a href="/app/tos/blabla/en" target="_blank">somePage</a>

index.html将使用样式进行渲染

<head>
    ..
    <link rel="stylesheet" type="text/css" href="app/themes/basic_themes/blabla/base_theme/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="app/themes/defaults/generated.css">
    <link rel="stylesheet" type="text/css" href="app/themes/basic_themes/blabla/generated.css">
    <link rel="stylesheet" type="text/css" href="app/themes/brands/blabla/generated.css">
    <script src="/js/libs/jquery.min.js"></script>
</head>

以上代码在生产中运行良好。然而，有人做了一些更改并删除了应用程序文件夹并重构了代码：

<a href="/tos/blabla/en" target="_blank">somePage</a>

并将index.html转移到

<head>
    ..
    <link rel="stylesheet" type="text/css" href="themes/basic_themes/blabla/base_theme/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="themes/defaults/generated.css">
    <link rel="stylesheet" type="text/css" href="themes/basic_themes/blabla/generated.css">
    <link rel="stylesheet" type="text/css" href="themes/brands/blabla/generated.css">
    <script src="/js/libs/jquery.min.js"></script>
</head>

现在index.html无法找到css样式。我尝试了不同的相对和绝对路径，但似乎没有任何工作。

任何帮助？

编辑：我的文件夹结构是：

当我加载我的页面localy http://localhost:56071/blabla/en/然后单击以导航到“somePage”时，我最终在http://localhost:56071/tos/blabla/en/页面上显示文本而没有样式。但是，如果我尝试导航到http://localhost:56071/themes/basic_themes/blabla/base_theme/bootstrap.min.css，它会返回404.但我可以通过此链接访问我的.css文件http://localhost:56071/blabla/en/themes/basic_themes/blabla/base_theme/bootstrap.min.css有人可以解释这里发生的事情吗？

CSS样式不适用于html

0 个答案: