Css / Js

Question

我的申请中有一个奇怪的问题：

index.html 页面中包含的CSS和JS文件正确呈现。

相反图片未加载，我不知道原因。

Css / Js和Image位于相同的文件夹 distAdminLte2 下：

├───css
│   
├───img
│   
└───js

这是我在 index.html 文件中引用文件的方式：

Css / Js

<link rel="stylesheet" href="/assets/distAdminLte2/css/AdminLTE.min.css">

<script src="/assets/plugins/jQuery/jquery-2.2.3.min.js"></script>

图像

<img src="/assets/distAdminLte2/img/icon-user.png">

这是 index.html 文件的一部分：它应用css / js（我可以通过它们导航）但它不会加载图像：

的index.html

<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <title>Reporting App</title>
  <base href="/">
  <link rel="stylesheet" href="/assets/distAdminLte2/css/AdminLTE.min.css">
</head>

<body class="hold-transition skin-blue sidebar-mini">

  <app-root> 
    <div class="wrapper">Loading...</div>
  </app-root>

  <script src="/assets/plugins/jQuery/jquery-2.2.3.min.js"></script>
 <img src="/assets/distAdminLte2/img/icon-user.png"><br>
</body>

</html>

请注意，<base href="/">设置为'/'。

我需要让图像也能用于构建。

感谢支持

Answer 1

我通过更改dist

的index.html解决了这个问题

这

<base href="/">

到

<base href="">

图片现在正确加载

angular2 - 图像渲染不起作用

Css / Js

图像

的index.html

1 个答案: