删除angularjs中传入URL的hashbang

Question

当从另一个网页重定向用户时，是否可以从angularjs URL中删除hashang？

我在AngularJS中有一个网站，我已经能够从我页面中所有URL的地址栏中删除hashang符号（当从一个视图重定向到另一个视图时）。我根据angularjs API使用HTML5Mode：https://docs.angularjs.org/#html5-mode

然而，如果我试图从其他地方链接到我的网站而不使用hashbang，我会得到“无法获取/回家”。我正在测试的URL是https://localhost:9001/home.这在页面内有效，但不会直接粘贴到地址栏。

我想知道HTML5模式是否只适用于网页，但我找不到明确的解释。

我以这种方式配置了应用程序：

.config(['$locationProvider', function($locationProvider) {  
  $locationProvider.html5Mode({
    enabled: true,
    requireBase: false
  });  

我使用gulp作为我的测试服务器（我忘了提到这一点）。唯一需要的更改是添加“fallback”参数以启用重新路由。

gulp.task('start-server', function () {
  connect.server({
  port: port,
  root: appHome,
  http: false,
  fallback: 'app/index.html',
  livereload: true,
  middleware: function () {
    return [cors];
  }
});

Answer 1

删除漂亮url的哈希标签。只需按照以下步骤操作：

1.在索引中添加基本url。html内部标题标记<代码>

2.在Cofig文件中启用html 5模式true

$locationProvider.html5Mode(true);

3、从href链接中删除#。

4.如果使用Apache configure。htaccess文件以供参考。html5mode需要后端重写规则，所以您也必须这样做。

Answer 2

要实现您的目标，您需要：

创建重写规则以重写指向根索引页面的链接调整您的JS，以便它生成主题标签而不是URL。

<IfModule mod_rewrite.c>
   RewriteEngine On
   RewriteBase /
   RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule ^(.*)     
</IfModule>