HTTP API调用PHP后端的SPDY_PROTOCOL错误

Question

我有一个带有PHP + mysql数据库后端的Ionic 4应用程序。 我使用XAMPP在本地开发和测试。 最近，我已将我的后端迁移到webhost。 通过POSTMAN进行测试时，呼叫正确完成。 但是，当在Ionic中创建HTTP调用时，我总是会收到错误。 在chrome中，它看起来像这样：

在IE中，发生完全相同的错误。

我的PHP后端使用以下行启用了CORS：

Header add Access-Control-Allow-Origin "*"
Header add Access-Control-Allow-Headers "origin, x-requested-with, content-type, authorization"
Header add Access-Control-Allow-Methods: "GET,POST,OPTIONS,DELETE,PUT"

Angular中的调用看起来像这样：

let apiUrl = 'https://xxxxxxxx.000webhostapp.com/index.php/';

@Injectable({
  providedIn: 'root'
})
export class ApiService {

  constructor(public http: HttpClient) { }

  postData(data, type) {
    return new Promise((resolve, reject) => {
      const httpOptions = {
        headers: new HttpHeaders({
          'Content-Type': 'application/json'
        })
      };

      this.http.post(apiUrl + type, JSON.stringify(data), httpOptions).subscribe(res => {
        resolve(res);
      }, (e) => {
        reject(e);
      });
    });
  }

  ...

最后，Chrome中失败请求的标头，如果有用的话：

一些谷歌搜索告诉我，这很可能是与CORS相关的错误。 我觉得很奇怪但是，使用POSTMAN，调用工作完美，但通过应用它不会，即使我使用相同的标题，URL和正文。

任何帮助都非常感谢。

谢谢

Answer 1

对于遇到此问题的任何人，我通过切换主机来修复此问题。 正如你在OP中看到的那样，我在000webhost上设置了所有内容。 与上述配置相同的付费主机为我修复了它。 在生成SSL证书时，他们有不同的方法，我只是假设这是原因。