Fatal编程技术网
  • angularjs/
  • 带AngularJs的Spring MVC-重新加载浏览器返回未找到的资源

带AngularJs的Spring MVC-重新加载浏览器返回未找到的资源

angularjs spring-mvc

带AngularJs的Spring MVC-重新加载浏览器返回未找到的资源,angularjs,spring-mvc,ngroute,location-provider,Angularjs,Spring Mvc,Ngroute,Location Provider,主要问题是在我的SpringMVC应用程序中，我要加载index.jsp。在angularJs中，我使用了ngRoute中的$locationProvider（对不起，我是angularJs的新手）。假设我有一个导航条，即nav1，nav2，nav2。当我单击nav1时，url为index.ipxs/nav1，其中部分模板在我的ng view div中正常呈现。但当我手动重新加载浏览器时，它会显示“未找到请求/资源”。我想要实现的是，无论何时重新加载浏览器（即使我当前处于index.ipxs/n

主要问题是在我的SpringMVC应用程序中，我要加载index.jsp。在angularJs中，我使用了ngRoute中的$locationProvider（对不起，我是angularJs的新手）。假设我有一个导航条，即nav1，nav2，nav2。当我单击nav1时，url为index.ipxs/nav1，其中部分模板在我的ng view div中正常呈现。但当我手动重新加载浏览器时，它会显示“未找到请求/资源”。我想要实现的是，无论何时重新加载浏览器（即使我当前处于index.ipxs/nav2页面），都会将重定向到主页（index.ipxs/nav1），或者无论我在何处呈现页面并保留页面状态

**app.js**

var iPlexusApp = angular
        .module('iPlexusApp', [ 'ngRoute' ])
        .config(
                [
                        '$routeProvider',
                        '$locationProvider',
                        function($routeProvider, $locationProvider) {
                            $routeProvider
                                    .when(
                                            '/iPlexus/index.ipxs/marketplace',
                                            {
                                                templateUrl : '/iPlexus/resources/partials/marketplace.jsp'
                                            });
                            $routeProvider
                                    .when(
                                            '/iPlexus/index.ipxs/directory',
                                            {
                                                templateUrl : '/iPlexus/resources/partials/directory.jsp'
                                            });
                            $routeProvider
                                    .when(
                                            '/iPlexus/index.ipxs/faq',
                                            {
                                                templateUrl : '/iPlexus/resources/partials/faq.jsp'
                                            });
                            $routeProvider.otherwise({
                                redirectTo : '/iPlexus/index.ipxs/marketplace'
                            });
                            $locationProvider.html5Mode({
                                enabled : true,
                                requireBase : false
                            });
                        } ]);
这是我的密码

**index.jsp**

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html ng-app="iPlexusApp">
<head>
<base href="/">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>iPlexus</title>

<spring:url value="/resources/css/main.css" var="mainCss" />
<spring:url value="/resources/js/bootstrap.min.js" var="bootstrapJs" />
<spring:url value="/resources/js/angular.js" var="angularJs" />
<spring:url value="/resources/js/app.js" var="appJs" />
<spring:url value="/resources/js/angular-route.js" var="angularRouteJs" />
<spring:url value="/resources/js/controllers/navController.js"
    var="navControllerJs" />
<spring:url value="/resources/css/bootstrap.min.css" var="bootstrapCss" />
<spring:url value="/resources/image/logo.png" var="logo" />
<spring:url value="/resources/partials/marketplace.jsp"
    var="marketplace" />
<spring:url value="/resources/partials/directory.jsp" var="directory" />
<spring:url value="/resources/partials/faq.jsp" var="faq" />

<link rel="stylesheet" href="${bootstrapCss}" />
<link rel="stylesheet" href="${mainCss}" />


</head>
<body>

    <nav class="navbar navbar-default navbar-static-top" role="navigation">
    <img id="appLogo" src="${logo}" />
    <div class="container">
        <%--        <div ng-controller="selectedNav" ng-include="'${navHeader}'"></div> --%>
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed"
                data-toggle="collapse" data-target="#navContents-navbar-collapse-1">

                <span class="icon-bar"></span> <span class="icon-bar"></span> <span
                    class="icon-bar"></span>
            </button>
        </div>

        <div ng-controller="navController" class="collapse navbar-collapse"
            id="navContents-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li ng-class="{active: isActive('/iPlexus/index.ipxs/marketplace')}"><a
                    href="/iPlexus/index.ipxs/marketplace"><span
                        class="glyphicon glyphicon-briefcase nav-icon"></span>Marketplace</a></li>
                <li ng-class="{active: isActive('/iPlexus/index.ipxs/directory')}"><a
                    href="/iPlexus/index.ipxs/directory"><span
                        class="glyphicon glyphicon-th-list nav-icon"></span>Directory</a></li>
                <li ng-class="{active: isActive('/iPlexus/index.ipxs/faq')}"><a
                    href="/iPlexus/index.ipxs/faq"><span
                        class="glyphicon glyphicon-question-sign nav-icon"></span>FAQ</a></li>
            </ul>
        </div>

        <div class="jumbotron">
            <h1>${message}</h1>
            <h1>{{5+5}}</h1>
        </div>
        <div ng-view></div>
    </div>
    </nav>

    <script
        src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script src="${bootstrapJs}"></script>
    <script src="${angularJs}"></script>
    <script src="${angularRouteJs}"></script>
    <script src="${appJs}"></script>
    <script src="${navControllerJs }"></script>
 <script>

 </script>
</body>
</html>
谢谢，但我找到了一些解决方法，我使用它来直接在服务器端重新连接任何重定向…希望这对有相同问题的人有所帮助。

可能会迟到，但我发现同样的问题，这是因为当你刷新页面时，你向spring发送了一个他根本不知道的url请求，你已经用angular创建了一个不在服务器中映射的url，你只需要在服务器中创建一个资源，将你在应用程序中的所有url映射到你的索引页面，比如

    @RequestMapping(value = "/{[path:[^\\.]*}")
public String redirect() {
  return "forward:/";
}
您在web.xml中配置的url模式是什么？这里：iplexus dispatcher*.ipxs我不喜欢这种架构。问题是spring截取了所有页面URL。有什么理由需要使用jsp和自定义url模式吗？我只是在玩弄这个架构，但是因为我已经使用了springMVC，所以我想实现一个支持angularJS的应用程序。我已经阅读了一些关于$route.reload（）或window.location.reload（）的文档，看起来很有希望。我稍后再试试，看看会发生什么。我也会对结果进行评论，以防有人遇到同样的问题。如果你真的需要坚持这种结构，也许可以尝试映射所有url模式/*看看是否有效？但您可能很快会遇到其他问题，即存储在Angular中的状态在重新加载后消失。