使用角度CLI设置了一个角度应用程序,并创建了一个在components目录中包含图像的组件.
例如:
app/
---/common-components
------/header
---------/header.component.ts
---------/header.component.css
---------/images
--------------/image.png
Run Code Online (Sandbox Code Playgroud)
在CSS文件中我使用以下样式:
.image {
background-url: url('images/image.png');
}
Run Code Online (Sandbox Code Playgroud)
当我运行应用程序时,它给了我一个304 Not Modified并且图像没有显示在预览中.如果我使用绝对路径'/ src/app/common-components/header/images',文件会正确加载.然而,这并不理想,因为我希望该组件能够自给自足.
给出的答复是:
Request URL:http://localhost:4201/images/test-image.jpeg
Request Method:GET
Status Code:304 Not Modified
Remote Address:127.0.0.1:4201
Run Code Online (Sandbox Code Playgroud)
预览空白