UI-Router give cannot GET error on page refresh

Question

I am building an angular site and using UI-Router, if I click a link to go to a route it works fine but whenever I refresh the page, or if I type the url in manually I get 'Cannot GET /find-a-vendor. I have this in my routes file:

$stateProvider
   .state('home', {
      url: '/',
      templateUrl: 'views/home.html'
    })
    .state('find', {
       url: '/find-a-vendor',
       templateUrl: 'views/find.html'
    })

I also have $locationProvider.html5Mode(true); in my routes file as well. and in my index I have <base href="/"> in the header, is there something I'm missing?

Is it a full stack app? Or just a front-end app?

tcasey
– tcasey

2016-07-31 20:38:49 +00:00
Commented Jul 31, 2016 at 20:38 — tcasey
– tcasey, Commented Jul 31, 2016 at 20:38

tcasey · Accepted Answer · 2016-07-31 20:42:36Z

4

I've had this issue before and found this article that helped me tremendously. You need to do some server side rewrites.

answered Jul 31, 2016 at 20:42

tcasey

4093 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

jmona789 Over a year ago

Thank you, I found what I needed to change and fixed it

Bernard 'Beta Berlin' Parah Over a year ago

would have been better if you added the specific part that you used to solve this problem

Collectives™ on Stack Overflow

UI-Router give cannot GET error on page refresh

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related