0

I have the following angular code in which I had set the access_token also.

import { HttpClient } from '@angular/common/http';
import { Router } from '@angular/router';
import { HttpHeaders } from '@angular/common/http';
import { Headers, Response } from '@angular/http';


const httpOptions = {
  headers: new HttpHeaders({
    'Content-Type': 'application/json',
    // tslint:disable-next-line:max-line-length
    'Authorization': 'bearer zhGMjEFn5SlPYPB4opK57CiPP02MuR-lk10rvYsGU0PcQUyo5U6JHaH5NgdmDpNHSfrkuDLZYIr3xAio_aG0WZbKWM28dgP9BN2i-ERS8PQ97_oXP93AVzHj60RivH5EsfImmEb3mPSSEw68lafAQHe4kQyEptkxTtYlfPczrdQR4hWVOkvA_Hk8JuxFQpUmj0ReRhP5xXfoJcsbOsLpSqcq2xj0GfapcGbvHiHR0hlXTXU9cELnGObXSgDVs1UDpM4pPcFb2CrG7aFCFoULYSe9yBpsn7RepYzomAIrF9hEo2_v_877x7HkVGAMBFd9Ij70jp5DbVumTkZuM9vRG8uDNwaOCsvbsEvZlBjpR4JO0b508vUyKPFctA5O6yzfLKMhpRtcj61HrvWrMqx3BehO-fSM-hmQUd1clH5dD_xX4P9wtR1oPZxNS7bVgUiNnUPkGocqMVS5p0SYyowzz7yKHu8tIpaTAQLPIbePcU6ewtGCBUSzUVZZB7jl5Vte'
  })
};
  this.Http.get<Teacher>(this.API_URL + 'Teacher/GetTeachers', { headers: this.header }).subscribe(data => {
      this.Results = data as Teacher;
      console.log('Results' + this.Results[0]);
      console.log(this.Results);
    });

After sending this request i am getting the following error.

The requested resource does not support http method 'OPTIONS' Can anyone please help me out.

Peter Mourfield
  • 1,885
  • 1
  • 19
  • 38
roopteja
  • 721
  • 2
  • 16
  • 36
  • i don't know if it helps but you could just try a different uri sheme for basicauth: `https://username:password@sub.domain.tld/namespace/` – GottZ Feb 13 '18 at 17:13
  • I think, EnableCors in the api part need to check @roopteja – Saravanakumar Natarajan Feb 13 '18 at 17:21
  • 1
    Possible duplicate of [The requested resource does not support http method 'OPTIONS'.?](https://stackoverflow.com/questions/24352519/the-requested-resource-does-not-support-http-method-options) – Heretic Monkey Feb 13 '18 at 17:41
  • Where are you using the constant 'httpOptions' in this code? and where are you declared the variable 'header'? – Libin C Jacob Feb 14 '18 at 09:29
  • afaik `@angular/http` shouldnt be used anymore use `@angular/common/http` instead. see: https://angular.io/guide/http – Night Train Feb 20 '18 at 09:21

2 Answers2

0

I had similar issue previously and I forgot Enabling cors at my server side.

public static void Register(HttpConfiguration config)
{
    // Forgot adding below line.
    config.EnableCors();
}

Is it something that you can check in your WebApiConfig.cs?

G_S
  • 7,068
  • 2
  • 21
  • 51
  • It is populating an error called Enable cors doesn't have definition in HttpConfiguration – roopteja Feb 14 '18 at 09:12
  • I guess you have to install Microsoft.AspNet.WebApi.Cors package and import needed namespaces for it – G_S Feb 14 '18 at 09:34
  • 1
    Ok By the way I found the solution and thanks for the help.I had to remove two lines in handlers tag of Web.Config that solved my issue. – roopteja Feb 14 '18 at 09:39
0

i had a similar issue when i was working on the back end of an application while a colleague was doing the front end in angular. i believe we were using basic authentication.

in the end what worked was adding Access-Control-Allow-Methods to the web.config. 

<httpProtocol>
  <customHeaders>
    <add name="Access-Control-Allow-Origin" value="*" />
    <add name="Access-Control-Allow-Headers" value="Origin, X-Requested-With, Content-Type, Accept, Cache-Control, Authorization, authorization" />
    <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS" />
  </customHeaders>
</httpProtocol>

note: the above will allow prety much anything. you might want to limit the allow origin, and methods to what you need.

Edit: found the old code. i also made additions to Application_BeginRequest method in global.asax.cs

protected void Application_BeginRequest()
    {
        if (HttpContext.Current.Request.HttpMethod == "OPTIONS")
        {
            //These headers are handling the "pre-flight" OPTIONS call sent by the browser
            HttpContext.Current.Response.AddHeader("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE, OPTIONS");
            HttpContext.Current.Response.AddHeader("Access-Control-Allow-Headers", "Content-Type, Accept, Authorization");
            HttpContext.Current.Response.AddHeader("Access-Control-Max-Age", "1728000");
            HttpContext.Current.Response.End();
        }
    }

hope it helps.

edit2: also found one more web.config change

<handlers>
  <remove name="ExtensionlessUrlHandler-Integrated-4.0" />
  <remove name="OPTIONSVerbHandler" />
  <remove name="TRACEVerbHandler" />
  <add name="ExtensionlessUrlHandler-Integrated-4.0" path="*." verb="*" type="System.Web.Handlers.TransferRequestHandler" preCondition="integratedMode,runtimeVersionv4.0" />
</handlers>
user1643799
  • 76
  • 5