gpt4 book ai didi

javascript - Angular 在 hashbang 之后替换 url

转载 作者:行者123 更新时间:2023-11-28 19:21:49 27 4
gpt4 key购买 nike

在我们的应用程序中,我们提供 foobar.com/public/angular 中的静态 Angular 应用程序文件。 。主页 ( foobar.com ) 配置为服务 foobar.com/public/angular/index.html 。因此,在我们的索引文件的<head>中,我们有:

<base href="http://foobar.com/public/angular">

但是,在开发过程中,我们使用 foobar.com/debug ,这会导致服务器使用它:

<base href="http://foobar.com/public/angular-debug">

服务器从该 url 返回文件的未处理(未缩小、丑化等)版本。我们还在 View 中使用 Angular-route。

TLDR:

  • 我们有一条生产路线:foobar.com
  • 我们有一条开发路线:foobar.com/debug
  • 我们有一个基本标签:<base href="http://foobar.com/public/whatever">
  • 我们正在使用 hash-bang url 进行 Angular 路由

问题是在客户端生成 url。正如评论中所讨论的,<a href="#/new/route">Click here</a>不起作用,因为生成的 url 包含基本标记,服务器拒绝该标记并且看起来很奇怪,因为用户从其他地方开始:foobar.com/public/angular/#/myRoute )。我能想到的创建所需网址的最佳方法是:

  /**
* Returns current url after replacing everything after the hashbang with a new string.
*
* @param {string} s - string to change route with (e.g. 'asdf')
* @return {string} - new url e.g. http://google.com/foobar/#!/asdf
*/
makeRouteUrl = function(s) {
var root = $location.absUrl().match(/.*#!/);
if (root && (root.length > 0)) {
root = root[0];
return( root + s );
} else {
// no hashbang in path? Choose home page (not intended use)
return "/";
}
}

但是,这看起来有点恶心。 Angular 中是否有一个函数可以使上述函数变得不必要?我在 $location、$route 等中寻找过函数,但似乎没有任何东西可以正确处理我们复杂的设置。我们最终需要以字符串形式获取 url,而不是导航(我们支持在新选项卡中打开,因此需要使用 ng-href )。由于 Angular 应用程序经常使用 hashbang url 进行路由,因此我认为一定有某种东西可以让您在 hashbang 之后更改路由,同时仍然保留其前面的内容。

最佳答案

我不完全确定我是否理解这个问题......

$location.url('/stuff/after/hash?params=hey');

或者如果你只想设置#后面的路径:

$location.path('/stuff/after/hash');

这是我经常使用的。但是在此之后您需要返回没有哈希值的 url 吗?怎么样

window.location.origin + window.location.pathname

对于没有哈希值和参数的当前 url?

关于javascript - Angular 在 hashbang 之后替换 url,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28708097/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com