angular-ui-router url in address bar fails but state works with html5mode

Question

I have a component I want to call

$stateProvider
.state('authorized', { url: '/authorized', template: '<authorize></authorize>' })

$locationProvider.html5Mode(true);

but when I do this in the address bar, there is a 404 not found, when I call it by its state there is no problem.

GET http://localhost:8080/authorized 404 (Not Found)

But when I would add this component to another state I already had, I can access it in the address bar.

.state('pallettypes', {
      url: '/pallettypes',
      template: '<authorize></authorize>'
  })

Can somebody please tell me why the former doesn't work and the latter doesn't give an error?