FormSubmit“相同来源策略”错误角度

Question

所以我在Angular应用程序中使用此超酷FormSubmit服务来提交联系人。我正在借助Angular HttpClient发送表单数据。

以下是我的服务：

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';

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

  constructor(
    public httpClient: HttpClient
  ) { }

  sendForm(formData: object) {
    console.log('Form Data:', formData);
    this.httpClient.post('https://formsubmit.io/send/<TOKEN HERE>', formData)
      .subscribe((response) => console.log(response), (error) => console.log(error));
  }
}

提交后，我在控制台日志中收到此错误提示Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://formsubmit.io/error/. (Reason: CORS header 'Access-Control-Allow-Origin' missing)。>>

关于如何解决该问题的任何想法？

因此，我在Angular应用中使用此超酷的FormSubmit服务进行联系人提交。我在Angular HttpClient的帮助下发送表单数据。以下是我的服务：import {可注射} ...

Answer 1

启用代理来解决此问题。请输入此网址https://medium.com/better-programming/setup-a-proxy-for-api-calls-for-your-angular-cli-app-6566c02a8c4d

Answer 2

当您要从其他来源访问资源时，需要使用Access-Control-Allow-Origin标头来允许它。当您发布到formsubmit.io/send时，它将返回以下标题：