не могу опубликовать мою форму из приложения angular 6 на веб-интерфейсе asp.net - PullRequest
Новая
       13

не могу опубликовать мою форму из приложения angular 6 на веб-интерфейсе asp.net

0 голосов
/ 28 января 2019

Я пытаюсь опубликовать данные формы из моего приложения angular 6 в веб-интерфейсе API.Тем не менее, я всегда получаю сообщение об ошибке «OPTIONS http://localhost:52994/api/Mail/SendMail 405 (метод не разрешен)» и «Доступ к XMLHttpRequest в« http://localhost:52994/api/Mail/SendMail' от источника »http://localhost:4200' заблокирован CORSpolicy: Ответ на предварительный запрос не проходит проверку контроля доступа: он не имеет статуса HTTP ok. 'Я пишу весь необходимый код для ясности, но не стесняйтесь спрашивать больше, если он не ясен.

угловой метод: 

sendMail(mail:Mail) {
      console.log(mail); // prints desired data
      this.http.post('http://localhost:52994/api/Mail/SendMail',mail)
      .subscribe(
        data => { console.log ("POST was successful",data)},
        error => { console.log("Error",error)}
      );
   }

, где модель Почты, как показано ниже: 

export class Mail {
Name: string;
Email: string;
Message: string;
To: string;
From: string;
}

Вот целевой метод веб-API: 

[HttpPost]
public HttpResponseMessage SendMail([FromBody]MailModel mail)
{
     try
        {
            using (MailMessage mm = new MailMessage(mail.From, mail.To))
            {
                mm.Subject = "ContactUs";
                string body = "You've got a message as below :";
                body += "<br /><br />Name : " + mail.Name;
                body += "<br /><br />Email : " + mail.Email;
                body += "<br /><br />Message : " + mail.Message;
                mm.Body = body;
                mm.IsBodyHtml = true;
                ....
                smtp.Send(mm);
                return Request.CreateResponse(HttpStatusCode.OK, mail);
            }
        }
        catch(Exception e)
        {
            return Request.CreateErrorResponse(HttpStatusCode.InternalServerError, e);
        }
    }

класс модели: 

   public class MailModel
{
    public string Name { get; set; }
    public string Email { get; set; }
    public string Message { get; set; }
    public string To { get; set; }
    public string From { get; set; }
}

Я установил все необходимые заголовки в файле web.config, как показано ниже: 

 <httpProtocol>
  <customHeaders>
    <add name="Access-Control-Allow-Origin" value="*" />
    <add name="Access-Control-Allow-Headers" value="Content-Type" />
    <add name="Access-Control-Allow-Methods" value="GET,POST,PUT,DELETE,OPTION" />
  </customHeaders>
</httpProtocol>

Ответы [ 2 ]

0 голосов
/ 29 января 2019

Получил это, установив Cors и включив Cors, как показано ниже: 

  // Enable CORS for the Angular App
  var cors = new EnableCorsAttribute("http://localhost:4200", "*", "*");
  config.EnableCors(cors);
0 голосов
/ 28 января 2019

Попробуйте изменить OPTION на OPTIONS, чтобы разрешить предварительные запросы .В этих запросах используется HTTP OPTIONS метод с "S". 

<httpProtocol>
  <customHeaders>
    <add name="Access-Control-Allow-Origin" value="*" />
    <add name="Access-Control-Allow-Headers" value="Content-Type" />
    <add name="Access-Control-Allow-Methods" value="GET,POST,PUT,DELETE,OPTIONS" />
  </customHeaders>
</httpProtocol>

Надеюсь, это поможет!

...