美化Angular JS中的URL部分起作用

Question

我对angular js很陌生。为了美化网址，我添加了

$locationProvider.html5Mode(true);

在我的配置文件中，然后

在标记中添加了<base href='/myfolder/'>，并将href链接从<a href="#!portfolio">更改为<a href="portfolio">

当我在服务器上运行它时，会发生什么情况，当我单击主页上的链接时，URL更改为我单击的链接，但只有主页再次加载。当我按F5（刷新）时。内页加载，URL正确更改。同样，当我按刷新时，它会给我一个404错误。

我已经解释了以下步骤。

第1步

http://localhost/fps-ang/（首页加载）

Step2

点击主页上的投资组合链接会将URL更改为此

http://localhost/fps-ang/#!portfolio，但同样只加载首页。

第3步：

刷新页面，URL更改为

http://localhost/fps-ang/portfolio加载了投资组合页面（这是正确的，最初应该在步骤2中发生）

第4步：

再次刷新将导致404错误。

请帮助。我不知道我在这里做错了什么。 我还尝试将htaccess更改为此

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]  

它没有用。请帮忙！