title: Axios not authenticating to API
body: <p>Ive been trying all day to get data from my Asp.Net Api but with no avail. I login and get an authentication token from the server and store it locally but when I try to perform any action that requires authentication, the server returns a 401 response. Is there something Im doing wrong in my code? When I use a tool like postman, everything works okay but not in my app.
  This is my login</p>
  
  <pre><code>try {
        response = await API.post(AuthUrl, credentials)
        if(response.status &gt;= 200 || response.status &lt;= 299){
          let Auth = {
            Username: response.data.Username,
            Roles: response.data.Roles,
            Expires: response.data.Expires,
            Token: response.data.Token
          };
          localStorage.setItem(window.location.host, JSON.stringify(Auth));
      }
  }
  </code></pre>
  
  <p>This is my axios encapsulator</p>
  
  <pre><code>export default axios.create({
      baseURL: BaseUrl,
      responseType: "json",
      auth: `Bearer ${localStorage.getItem(window.location.host) == null? "" : JSON.parse(localStorage.getItem(window.location.host)).Token}`
  })
  </code></pre>
  
  <p>and this is how im consuming it</p>
  
  <pre><code>try{
                  const response = await API.get(getUrl)
                  setLoading(false);
                 //........Do something with response
  }
  
  </code></pre>
  
  <p><strong>This is what is logged at the server</strong></p>
  
  <pre><code>Microsoft.AspNetCore.Hosting.Internal.WebHost:Information: Request starting HTTP/2.0 GET https://localhost:44307/api/classes/getclasses/  
  Microsoft.AspNetCore.Cors.Infrastructure.CorsService:Information: CORS policy execution successful.
  Microsoft.AspNetCore.Routing.EndpointMiddleware:Information: Executing endpoint 'SchoolManager.Web.Controllers.ClassesController.GetClasses (SchoolManager.Web)'
  Microsoft.AspNetCore.Mvc.Internal.ControllerActionInvoker:Information: Route matched with {action = "GetClasses", controller = "Classes", page = "", area = ""}. Executing controller action with signature System.Collections.Generic.IEnumerable`1[SchoolManager.Dtos.Tenancy.ClassDto] GetClasses(System.String, System.String) on controller SchoolManager.Web.Controllers.ClassesController (SchoolManager.Web).
  Microsoft.AspNetCore.Cors.Infrastructure.CorsService:Information: CORS policy execution successful.
  Microsoft.AspNetCore.Authorization.DefaultAuthorizationService:Information: Authorization failed.
  Microsoft.AspNetCore.Mvc.Internal.ControllerActionInvoker:Information: Authorization failed for the request at filter 'Microsoft.AspNetCore.Mvc.Authorization.AuthorizeFilter'.
  Microsoft.AspNetCore.Mvc.ChallengeResult:Information: Executing ChallengeResult with authentication schemes (Bearer).
  Microsoft.AspNetCore.Authentication.JwtBearer.JwtBearerHandler:Information: AuthenticationScheme: Bearer was challenged.
  Microsoft.AspNetCore.Mvc.Internal.ControllerActionInvoker:Information: Executed action SchoolManager.Web.Controllers.ClassesController.GetClasses (SchoolManager.Web) in 146.8824ms
  Microsoft.AspNetCore.Routing.EndpointMiddleware:Information: Executed endpoint 'SchoolManager.Web.Controllers.ClassesController.GetClasses (SchoolManager.Web)'
  Microsoft.AspNetCore.Hosting.Internal.WebHost:Information: Request finished in 218.2724ms 401 
  </code></pre>