Make angular page refresh without Hash links?

Question

How can I get angular to page refresh without Hash links? On page refresh my angular app would error and not show the page it was just displaying, so I changed the html5Mode to false ( $locationProvider.html5Mode(false).hashPrefix(""); ) and now I can refresh the page. But I'm also getting the nasty prefix #/ in the link path.

How do I remove # in the url path while at the same time be able to refresh the page?

do you have a `` tag in your ``? Also, are you using version 1.3+? — scniro, Jun 11 '15 at 21:48
Maybe this [topic](http://stackoverflow.com/questions/17777967/using-angularjs-html5mode-with-nodejs-and-express) about configuration can push you forward. Good luck — arman1991, Jun 11 '15 at 22:49

score 2 · Answer 1 · edited May 23 '17 at 11:44

2

Explore this thread: $location / switching between html5 and hashbang mode / link rewriting

You need to make sure all your links are absolute relative to index.html and you probably need a server rewrite.

edited May 23 '17 at 11:44

Community

1
1

answered Jun 11 '15 at 21:52

allienx

877
6
10

score 1 · Answer 2 · answered Jun 11 '15 at 21:55

1

Have you tried setting base in the head section of your html?

<!doctype html>
<html>
<head>
    <meta charset="utf-8">  
    <base href="/">
</head>

answered Jun 11 '15 at 21:55

user3681587

566
5
12

score 1 · Accepted Answer · answered Jun 28 '15 at 05:50

Server rewrite will work on refresh, try to add middleware in your server. Sample grunt configuration id below. check https://github.com/parmod-arora/angular-url-rewrite for nginx and grunt serve rewrite.

middleware: function (connect) {<br>
        var middlewares = [];<br>
        middlewares.push(modRewrite([
          '!/assets|\\.html|\\.js|\\.css|\\woff|\\ttf|\\swf$ /index.html'
        ]));

        middlewares.push(connect.static('.tmp'));
        middlewares.push(connect().use(
          '/bower_components',
          connect.static('./bower_components')
        ));
        middlewares.push(connect.static(appConfig.app));

        //middlewares.push(require('grunt-connect-proxy/lib/utils').proxyRequest);
        return middlewares;
      }

Make angular page refresh without Hash links?

3 Answers3