HTML5 模式 AngularJS ui.router

Question

您好，我想使用 html5 模式。我的文件结构如下：

mypage.de/mysub

我只能在 mysub 中胡闹。

到目前为止，我添加到我的 index.html 中：

<base href="/mysub/">

并在 /mysub/ 中创建了一个新的（也是唯一的）.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]

如果我使用网址： mypage.de/mysub/#/site1 转化为mypage.de/mysub/site1 并加载

但如果我直接使用转换后的 url，例如：mypage.de/mysub/site1 我得到一个 404

服务器是 apache： 我查看了该教程： https://github.com/angular-ui/ui-router/wiki/Frequently-Asked-Questions#how-to-configure-your-server-to-work-with-html5mode

但我不确定服务器名称是什么，如果 /path/to/app 是

/

或

/mysub/

当我离开虚拟主机和目录标签中的部分时，它也会引发我已经内部服务器错误。

因为 .htaccess 在目录中。我试过差异。变化，但在这里没有任何效果，所以我只是使用了目录中的部分，如此处所述： AngularJS: can't get html5 mode urls with ui-route $state

Answer 1

试试这个

<IfModule mod_rewrite.c>
  Options +FollowSymlinks
  RewriteEngine On
  RewriteBase /mysub/

  # 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]
</IfModule>