AngularJS1.6版本中ui-router路由中/#!/的解决方法 - zhuan

Posted 童彪

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了AngularJS1.6版本中ui-router路由中/#!/的解决方法 - zhuan相关的知识,希望对你有一定的参考价值。

本地编译出的文件可以正常运行,但是服务器编译后到了测试那里路由上就莫名的出现了/#!/,这导致了很多问题。

后来查了下是服务器编译器把AngularJS升级到了1.6版本,而我本地的依旧是1.5。

但是1.6究竟做了哪些改变呢?

可以参考这个:https://github.com/angular/angular.js/commit/aa077e81129c740041438688dff2e8d20c3d7b52

可以看到里面多了很多/#!/的改动。。

如果想让路由依旧表现的与之前版本的一致可以这样做:

app..config(function($stateProvider, $urlRouterProvider,$locationProvider){
    $locationProvider.hashPrefix(‘‘);
}
1 app..config(function($stateProvider, $urlRouterProvider,$locationProvider){
2     $locationProvider.hashPrefix(‘‘);
3 }

 

 

 

参考:http://stackoverflow.com/questions/41211875/angularjs-1-6-0-latest-now-routes-not-working

https://docs.angularjs.org/guide/migration#commit-aa077e8

以上是关于AngularJS1.6版本中ui-router路由中/#!/的解决方法 - zhuan的主要内容,如果未能解决你的问题,请参考以下文章

angularjs1.6.5版本路由问题

anuglar.js ui-router传递参数

Angularjs 1.6.+ 是不是与 jQuery 3.5+ 兼容?

尝试访问受保护页面时尝试获取登录所需的工作

ngAnimate 在 AngularJS 1.6.4 中停止工作

剑道模板中的功能:Angular JS1.6