Angular HTML5 模式，路由器将在页面重新加载时处于其他状态

Question

我正在尝试从我的网站中删除井号标签。我通过以下代码实现了它。

$locationProvider.html5Mode(true);

以及在索引文件中添加的基本 URL。

我的问题是如果我在重新加载整个页面后处于联系我们状态。我正在重定向到定义为其他状态的家乡状态。

使用的配置是 -

服务器-Appache 数据库——mysql

我还在 .htaccess 中添加了以下代码用于重写规则 -

     RewriteEngine On
     php_value post_max_size 120M 
    php_value upload_max_filesize 120M 
     php_value max_execution_time 90 



     RewriteCond %{HTTP_HOST} ^54\.201\.153\.244$ [NC,OR]

     RewriteCond %{HTTPS} off
     RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI} [R,L]

      RewriteCond %{HTTP_HOST} ^adkarlo.com$ [NC]
        RewriteRule ^(.*)$ https://www.adkarlo.com/$1 [R=301,L]

      #RewriteBase /html/
      ErrorDocument 404 /404.php

    RewriteCond %{REQUEST_FILENAME} -f
     RewriteRule ^ - [L]
   RewriteRule ^(.*)$ index.php [L]

预期结果 - 从状态联系我们重新加载后我想转到同一页面的任何页面。

Answer 1

为了支持 HTML5 模式路由 URL 的重新加载，您需要实现服务器端 URL 重写以将非文件请求（即未明确针对现有文件的请求）定向到索引文件，通常index.html.

来自documentation

使用此模式需要在服务器端重写 URL，基本上您必须重写所有指向应用程序入口点的链接（例如 index.html）。

您的重写规则不应在目标 URL 中包含任何 #。相反，使用这个

RewriteEngine on

# Don't rewrite files
RewriteCond %{REQUEST_FILENAME} -f
RewriteRule ^ - [L]

# Rewrite everything else to index.html to allow html5 state links
RewriteRule ^ index.php [L]

来源~https://github.com/angular-ui/ui-router/wiki/Frequently-Asked-Questions#how-to-configure-your-server-to-work-with-html5mode

另外，不需要设置RewriteBase。