禁用 CORS 的 TeamCity Rest API 调用 - axios 获取请求

Question

我正在尝试使用 axios get 请求将数据从我们的 TeamCity 服务器返回到我的 React Web 应用程序。不幸的是，我无法在服务器上启用 CORS，并且总是以 401：未授权或“预检响应无效（重定向）”错误结束。

我已尝试在标题中传递用户名和密码：

componentDidMount() {
var config = {
    "headers": {
    "username": "username",
    "password": "password"    
  }
}
// Make axios  http request to TeamCity server with authentication headers
axios.get('http://teamcity/app/rest', config)
 .then(res => res.json())
  .then(res => {
    // Transform the raw data by extracting the nested posts
    const projects = res.data.projects;

    // Update state to trigger a re-render.
    // Clear any errors, and turn off the loading indicator.
    this.setState({
      projects,
      loading: false,
      error: null
    });
  })
  .catch(err => {
    // Something went wrong. Save the error in state and re-render.
    this.setState({
      loading: false,
      error: err
    });
  });
 }

我已尝试按照此帖子在 url 中传递用户名和密码： How to pass username and password in TeamCity REST API

http://user:pass@server/app/rest/

我还尝试通过工作邮递员请求传递基本身份验证标头。

请求总是返回'XMLHttpRequest 无法加载http://teamcity/app/rest。预检响应无效（重定向）'

我与 TeamCity 服务器在同一个网络上。如果不启用 CORS，这可能吗？

Answer 1

您必须启用 CORS。否则（即使 TeamCity 响应了一些数据）也无法访问浏览器中的响应。

一旦您在rest.cors.origins internal property 中提供了正确的来源，例如

rest.cors.origins=http://myinternalwebpage.org.com:8080,https://myinternalwebpage.org.com

您还应该通过添加以下内部属性来启用预检 OPTIONS 请求支持：

rest.cors.optionsRequest.allowUnauthorized=true

然后重启服务器。

The docs 也建议使用/app/rest/latest，而不是/app/rest，并避免使用httpAuth 前缀。

之后一切都应该正常工作，例如

fetch('http://teamcity:8111/bs/app/rest/latest/builds?count=1', 
{
  headers: {
    'Authorization': 'Basic '+btoa('user:pass'),
    'Accept': 'application/json'
  }
})
.then(r => r.json())
.then(r => console.log(r))