在Angular中,可以使用HttpClient
模块来发送HTTP请求,并且可以设置请求头部信息。以下是一个示例代码,演示如何为
标签的source
属性发送Cache-Control: no-cache
:
HttpClientModule
模块,以便可以使用HttpClient
服务。import { HttpClientModule, HttpClient, HttpHeaders } from '@angular/common/http';
@NgModule({
imports: [
HttpClientModule
]
})
export class AppModule { }
HttpClient
服务。import { HttpClient, HttpHeaders } from '@angular/common/http';
constructor(private http: HttpClient) { }
HttpClient
发送请求,并设置请求头部信息。getImage() {
const headers = new HttpHeaders().set('Cache-Control', 'no-cache');
this.http.get('http://example.com/image.jpg', { headers: headers, responseType: 'blob' })
.subscribe(response => {
const img = new Image();
img.src = URL.createObjectURL(response);
document.body.appendChild(img);
});
}
在上面的示例中,我们创建了一个HttpHeaders
对象,并设置了Cache-Control
头部为no-cache
。然后,我们使用HttpClient
的get
方法发送GET请求,同时传递了设置的头部信息。在获取到响应后,我们创建了一个Image
对象,并将响应的Blob数据作为源,将图片添加到页面中。
这样,当使用getImage
方法时,将会为
标签的source
属性发送Cache-Control: no-cache
头部信息。