微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

angular js spring mvc ui-router 路由冲突

参考了别人的例子,刷新是个特例。 在使用angular ui router 以后,界面浏览器会重定向,当使用F5刷新之后,界面没有走angualr的路由,而是请求服务器,所以服务器后台 web.xml 配置url mapping,以/ang/*请求的就 跳转认界面。 $urlRouterProvider.otherwise('home'); $stateProvider .state("home",{ url:"/ang/home",templateUrl: "index.html" }) .state("login",{ url:"/ang/login",templateUrl: "views/login.html" }) <servlet> <servlet-name>springmvc</servlet-name> <servlet-class>org.springframework.web.servlet.dispatcherServlet</servlet-class> <init-param> <param-name>contextConfigLocation</param-name> <param-value>/WEB-INF/spring/springMVC.xml</param-value> </init-param> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>springmvc</servlet-name> <url-pattern>*.action</url-pattern> </servlet-mapping> <!-- 当用户输入刷新空界面的时候跳转认界面(F5刷新 浏览器定向请求服务器) --> <servlet> <servlet-name>angularRedirect</servlet-name> <servlet-class>com.hr.angular.AngularRedirect</servlet-class> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>angularRedirect</servlet-name> <url-pattern>/ang/*</url-pattern> </servlet-mapping> protected void doGet(HttpServletRequest req,HttpServletResponse resp) throws servletexception,IOException { String requestUrl = req.getRequestURI(); log.info("angular 后台重新进入首页 请求: " +requestUrl); resp.sendRedirect("/hrmis/Main.html"); } <nav class="navbar navbar-inverse" role="navigation"> <div ng-controller="loginCtrl" > <ul class="nav navbar-nav"> <li ui-sref ="home" class="active" ><a href="">首页</a></li> <li ui-sref = "login" ><a href=""><span>登陆</span> <span></span></a></li> <li ui-sref = "register" ><a href="">注册</a></li> <li ui-sref = "loginout" ><a href="">退出</a></li> </ul> </div> </nav> <div class="container"> <div ui-view=""></div> </div>

原文地址:https://www.jb51.cc/angularjs/148224.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐