I need help regarding AngularJs application. I need htacess file for HTML5Mode in AngularJS and Hashbang fallback. Can someone help me? Cuz i get %2F when i use backslash. I've been folowing along this tutorial but they use express. https://scotch.io/tutorials/angularjs-seo-with-prerender-io
HTML
<html lang="en" ng-app="WebApp">
<head>
<meta charset="UTF-8">
<base href="http://localhost/myapp/">
<meta name="fragment" content="!" />
</head>
and this is my mainjs
var app = angular.module('WebApp', ['ngRoute'])
app.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider){
$routeProvider.when('/', {
templateUrl : 'views/home.html',
controller: 'PageCtrl'
})
$routeProvider.when('/about', {
templateUrl : '/views/about.html',
controller: 'PageCtrl'
})
$routeProvider.otherwise({
redirectTo : '/'
});
$locationProvider.html5Mode(true);
$locationProvider.hashPrefix('!');
}]);
function PageCtrl($scope) {
// For this tutorial, we will simply access the $scope.seo variable from the main controller and fill it with content.
// Additionally you can create a service to update the SEO variables - but that's for another tutorial.
}
and this is me trying to get htacess right
RewriteEngine on
# Don't rewrite files or directories
RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^ - [L]
# Rewrite everything else to index.html to allow html5 state links
RewriteRule ^ index.html#! [L]