Getting 404 error when Angular HTML5Mode is true

Question

I have implemented pretty url in angular(switched to html5mode).

When I am refreshing the page I get 404 error.

For example: If I open my app using http://server/, everything works fine,but when I refersh the page or try open specific page ex http://server/mypage, I get 404 error.

Note:

When compiling my application I am combining templates in javascript.
And after compilation my scripts(with template) goes in build folder and base tag in index.html is set to "/";.
I am using Angular-ui-router.
Using .net as backend.
Frontend app is total separate from backend & both are deployed in IIS.

Please suggest what could be the possible solution or reason for the error.

Thanks

Dmitry Matrosov · Accepted Answer · 2017-07-06 13:06:20Z

0

You are should to check your settings in backend, when i am using html5 history, i have for this my .htaccess file (where you redirect all your requests to your root index.php or index.html file), look my .htaccess:

RewriteEngine On  
  # If an existing asset or directory is requested go to it as it is
  RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -f [OR]
  RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -d
  RewriteRule ^ - [L]

  # If the requested resource doesn't exist, use index.html
  RewriteRule ^ /index.html

if this not help, you are can to read this [article]

answered Jul 6, 2017 at 13:06

Dmitry Matrosov

4204 silver badges5 bronze badges

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

Collectives™ on Stack Overflow

Getting 404 error when Angular HTML5Mode is true

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related