angular js spring mvc ui-router routing conflict

Referring to other people's examples, refresh is a special case.

After using angular ui router, the interface browser will be redirected. When using F5 to refresh, the interface does not follow the route of angualr, but requests the server, so the server background web.xml configures url mapping, and the request with /ang/*
Jump to the default interface.

$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 >
    <
      <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>
 
 
   <!-- Jump to the default interface when the user input refreshes the empty interface (F5 refreshes the browser directed request server) -->
  <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>

Guess you like

Origin http://10.200.1.11:23101/article/api/json?id=327034012&siteId=291194637