如何在Angular 2 TypeScript中发送text/uri-list类型PUT请求？

没问题，我来帮你实现和那个curl命令完全一致的请求！核心就是构造正确的换行分隔URI字符串，并设置对应的请求头，用Angular的HttpClient就能轻松搞定。

步骤1：确保注入HttpClient #

首先要在你的组件或服务中注入Angular的HttpClient，记得先在模块中导入HttpClientModule哦：

import { HttpClient, HttpHeaders } from '@angular/common/http';

constructor(private http: HttpClient) { }

步骤2：编写请求方法 #

接下来写一个专门的方法来处理这个PUT请求，核心是把URI数组转成换行分隔的字符串，并设置Content-Type为text/uri-list：

updateAuthorBooks(authorId: number, bookUris: string[]) {
  // 将URI数组拼接成每行一个的字符串（对应uris.txt的内容）
  const uriListContent = bookUris.join('\n');
  
  // 构造请求头，指定Content-Type
  const requestHeaders = new HttpHeaders({
    'Content-Type': 'text/uri-list'
  });

  const targetUrl = `http://localhost:8080/authors/${authorId}/books`;

  // 发送PUT请求，直接传递字符串作为请求体
  return this.http.put(targetUrl, uriListContent, { headers: requestHeaders });
}

步骤3：调用方法并处理响应 #

最后你可以这样调用这个方法，处理成功或失败的情况：

// 准备要发送的书籍URI数组
const bookUris = [
  'http://localhost:8080/books/1',
  'http://localhost:8080/books/2'
];

// 发送请求
this.updateAuthorBooks(1, bookUris).subscribe({
  next: (response) => {
    console.log('关联书籍成功！', response);
  },
  error: (err) => {
    console.error('请求出错了', err);
  }
});

关键注意点 #

• 一定要显式设置Content-Type: text/uri-list，否则Angular会默认使用application/json类型，后端就无法正确解析请求体了
• 直接用join('\n')生成换行分隔的字符串，和你的uris.txt内容完全一致，不需要额外的处理
• 如果遇到跨域错误，记得检查后端是否配置了CORS，允许text/uri-list这个Content-Type的请求

内容的提问来源于stack exchange，提问作者AlexIslander