Angular.js错误404路由

Question

我有一个简单的angular.js应用，具有两个视图：/ login和/ register。 我的index.html看起来是这样的：

... 
<body>
<ul class="menu">
  <li><a href="#/login">Login</a></li>
  <li><a href="#/register">Register</a></li>
</ul>
<div ng-view></div>
...(javascript inclusions)...

app.js

var adventureApp = angular.module('ownAdventure', [
      'ngRoute',
      'ngCookies',
      'Login',
      'Register'
    ]);

adventureApp.config(['$routeProvider', '$locationProvider',
  function ($routeProvider){
    $routeProvider
    .when('/login', {
        controller: 'LoginController',
        templateUrl: '/login/login.view.html'
    })

    .when('/register', {
        controller: 'RegisterController',
        templateUrl: '/register/register.view.html'
    })

    .otherwise({ redirectTo: '/login' });
}]);

我在单独的.js文件中同时具有Login和Register模块，并分别在两个文件中完全相同地添加了LoginController和RegisterController 。

login.controller.js（与register相同）：

'use strict';

var loginController = angular.module('Login', ['ngRoute', 'ngCookies']);

loginController.controller('LoginController', ['$scope',
  function($scope) {
    $scope.test = 'This is a simple test';
}]);

login /和register /文件夹都位于app /文件夹内，与app.js处于同一级别，因此我无法弄清为什么总是不断收到以下错误消息：GET http：// localhost：8000 / login / login.view .html 404（未找到）

先感谢您。

Answer 1

“错误消息：GET http：// localhost：8000 / login / login.view.html 404（未找到）”意味着在给定的文件夹层次结构中没有login.view.html或在给定的文件夹中不可访问时刻。 由于此错误与您的代码有关，因此我们不会理会。 进入文件夹层次结构，您的应用程序名称是什么？ （我相信它是“ ownAdventure”）。 因此index.html页的加载位置为“ localhost：8080 / ownAdventure /”。 您提到“ login /和register /文件夹都在app /文件夹中，与app.js处于同一级别”，这没有多大帮助，因为您没有提到app.js的文件夹层次结构。 我认为app.js就在您的应用文件夹下。

在这种情况下，将可以访问“ localhost：8080 / ownAdventure / login / login.view.html”。

注意：“ templateUrl：'/ login / login.view.html'”此处提供的路径是相对于父路径的，而不是相对于其被调用的文件（在本例中为app.js）。

Angular.js错误404路由

问题描述

1 个解决方案

解决方案1
2 已采纳 2015-09-19 17:32:55

Angular.js错误404路由

问题描述

1 个解决方案

解决方案1 2 已采纳 2015-09-19 17:32:55

解决方案1
2 已采纳 2015-09-19 17:32:55