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

发布时间：2020-12-17 17:48:32 所属栏目：安全来源：网络整理

导读：当我从索引访问我的页面并开始浏览时,一切正常,但是当我在/ details / 123之外的路径上并且我刷新页面时(我已经配置了URL重写),路由未正确设置. 这意味着,当我从索引正常浏??览时检查位置路径并且我在/ details / 123时,位置路径是/ details / 123,但是当我

当我从索引访问我的页面并开始浏览时,一切正常,但是当我在/ 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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!