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

前端之家收集整理的这篇文章主要介绍了angularjs – 浏览器刷新时基本路径错误,ngView中断前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当我从索引访问我的页面并开始浏览时,一切正常,但是当我在/ details / 123之外的路径上并且我刷新页面时(我已经配置了URL重写),路由未正确设置.
这意味着,当我从索引正常浏​​览时检查位置路径并且我在/ details / 123时,位置路径是/ details / 123,但是当我刷新页面时我仍然在/ details / 123位置路径更改为/ 123导致ngView显示错误的视图.
我使用的是 html5模式和Angular v.1.1.5

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

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

解决方法

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

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

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

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

<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>

猜你在找的Angularjs相关文章