2

It may be the duplicate question. but i have tried so many solutions,no answer work for me. I am using ui-router for angular web app. I am using apache2 server to serve the angular app. I am using Ubuntu. My project code is inside of the folder \var\www\html\myapp here myapp is the my application folder. I have tried the following
1 adding <base href="/myapp/"> to the head tag
2 adding $locationProvider.html5Mode(true); or $locationProvider.html5Mode({ enabled: true, requireBase: false}); (tried with both separately)
3 adding the .htaccess file with the following content

Options +FollowSymLinks

<ifModule mod_rewrite.c>
    RewriteEngine On
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteCond %{REQUEST_URI} !index
    RewriteRule (.*) index.html [L]
</ifModule>

and some other content for .htaccess file which i got from google to serve the path.
I have tried putting .htaccess file inside \var\www\html\ as well as \var\www\html\myapp. It will remove the hash from the url, but when i clicked refresh ,it will show not found. Can anyone please help me.

1 Answer 1

2
+50

Try this in .htaccess file under \var\www\html\myapp :

RewriteEngine On
RewriteCond %{HTTP_HOST} ^example\.com$ [NC]
RewriteRule ^ http://www.%{HTTP_HOST}%{REQUEST_URI} [L,R=301,NE]

RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^ index.html [L]

In index.html head section :

<base href="/myapp/">

In app config :

$locationProvider.html5Mode({
  enabled: true,
  requireBase: false
});

/* Records full path */
$analyticsProvider.withBase(true);
Sign up to request clarification or add additional context in comments.

Comments

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.