浏览器刷新时,基本路径错误,ngView中断

时间:2013-07-25 20:16:12

标签: angularjs

当我从索引访问我的页面并开始浏览时,一切正常,但当我在/以外的路径上,例如在/details/123中我刷新页面时(我有URL重写)配置)路线设置不正确 这意味着,当我从索引正常浏​​览时检查位置路径并且我在/details/123时,位置路径为/details/123,但是当我刷新页面时我仍然在{{1}位置路径更改为/details/123,导致ngView显示错误的视图 我使用的是html5模式和Angular v.1.1.5

更新:我创建了一个简单示例here来说明问题。
我没有任何特殊设置,我认为不是服务器问题。我在python中使用不同的应用程序时遇到了同样的问题,其中重定向是在应用程序内完成的 /123

.htaccess

1 个答案:

答案 0 :(得分:8)

这可能与Angular 1.1.5中出现的令人讨厌的问题有关,并且是核心库中的一个错误。对许多人有用的解决方案是将以下标记添加到index.html头部。

如果您的应用程序在域的根目录下运行。

<head>
  ...
  <base href="/"></base>
  ...
</head>

或者,如果您的应用程序在子目录中运行,请指定该子目录(例如&#39; myapp&#39;):

<head>
  ...
  <base href="/myapp/"></base>
  ...
</head>

此外,您还可以尝试一组新的重写规则。这种配置适用于许多ui-router用户。

<IfModule mod_rewrite.c>
  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]
</IfModule>