Skip to content

Instantly share code, notes, and snippets.

@mallowigi

mallowigi/angular_html5_config.md

Created June 26, 2014 08:21
Show Gist options
  • Save mallowigi/2fb57a111dd82665268b to your computer and use it in GitHub Desktop.
Save mallowigi/2fb57a111dd82665268b to your computer and use it in GitHub Desktop.
Download ZIP
Raw
angular_html5_config.md

A Working configuration to setup HTML5 push-state routing in your AngularJS app with Nginx as your web server.

Raw
app.js
app.config(function (...) {
$locationProvider.html5Mode(true);
$locationProvider.hashPrefix = '!';
...
});
Raw
index.html
...
<head>
<!--use absolute paths for file refs-->
<link rel="stylesheet" href="/styles/main.css">
...
<base href="/">
...
</head>
...
Raw
server_config
server {
listen 80;
set $host_path "/path/to/your/app";
root $host_path;
index index.html;
# SEO
if ($args ~ "_escaped_fragment_=/?(.+)") {
set $path $1;
rewrite ^ /snapshots/$path last;
}
# Re-route nested routes through index
location / {
try_files $uri $uri/ /index.html =404;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment