title: POST works in Postman but not in browser
body: <p>I have this in vuejs using axios</p>
  
  <pre><code>  axios({
      method: 'post',
      url: 'http://localhost:64427/api/Authenticate/Token',
      headers: {
        'Content-type': 'application/json'
      },
      data: {
        quad: this.quad,
        password: this.password
      }
    })
    .then(response =&gt; {
      console.log(response.header.token);
    })
  </code></pre>
  
  <p>When i post using the endpoint in postman, it works</p>
  
  <blockquote>
    <p><a href="http://localhost:64427/api/Authenticate/Token?quad=YGOP&amp;password=P@ssw0rd" rel="nofollow noreferrer">http://localhost:64427/api/Authenticate/Token?quad=YGOP&amp;password=P@ssw0rd</a></p>
  </blockquote>
  
  <p>But i can 404 error code when i am posting using axios. 
  <a href="https://i.stack.imgur.com/D42tM.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/D42tM.jpg" alt="enter image description here"></a></p>
  
  <p>Here is the backend</p>
  
  <pre><code>[HttpPost]
  [ActionName("Token")]
  [BasicAuthentication]
  public HttpResponseMessage Login(string quad, string password)
  {
      bool isAuthenticated = EmployeeSecurity.Login(quad, password);
      if(isAuthenticated)
      {
          if (Thread.CurrentPrincipal != null &amp;&amp; Thread.CurrentPrincipal.Identity.IsAuthenticated)
          {
              var basicAuthenticationIdentity = Thread.CurrentPrincipal.Identity;
              if (basicAuthenticationIdentity != null)
              {
                  var username = basicAuthenticationIdentity.Name;
                  return GetAuthToken(username);
              }
              return null;
  
          }
      }
  
      return null;
  }
  </code></pre>