Как разгромить угловой JS

Question

Я нахожусь новичок в угловом JS мне нужно разгромить следующий кодом, но получить HTTP состояния 404 ошибку

веба-консоль показать это сообщение

локальные: 8080/testasd/addStudent Не удалось загрузить ресурс: сервер ответил со статусом 404 (не найдено)

var mainApp = angular.module("mainApp", ['ngRoute']); 

    mainApp.config(['$routeProvider', 
    function($routeProvider) { 
     $routeProvider. 
      when('/addStudent', { 
       templateUrl: 'AddStudent.html', 
       controller: 'AddStudentController' 
      }). 
      when('/viewStudents', { 
       templateUrl: 'ViewStudents.html', 
       controller: 'ViewStudentsController' 
      }). 
      otherwise({ 
       redirectTo: '/addStudent' 
      }); 
    }]); 

    mainApp.controller('AddStudentController', function($scope) { 
     $scope.message = "This page will be used to display add student form"; 
    }); 

    mainApp.controller('ViewStudentsController', function($scope) { 
     $scope.message = "This page will be used to display all the students"; 
    }); 

Answer 1

Вам необходимо настроить свой веб-сервер для отправки index.html для всех URL-адресов, запрошенных. Это называется правилом перезаписи. Это связано с тем, что веб-браузер выдаст запрос GET для этого URL-адреса, и веб-сервер ожидает найти файл в этом месте. Правило перезаписи позволяет перехватить этот запрос и перенаправить его в другой файл.

URL-адрес вашего маршрута не существует на веб-сервере, но необходимо загрузить AngularJS. Поэтому отправьте index.html из корня сети для всех запросов. Предполагается, что вы создаете то, что называется одной страницей приложение.

Для Apache создайте файл с именем .htaccess в корневой каталог вашего веб

<IfModule mod_rewrite.c> 
    RewriteEngine On 
    RewriteCond %{REQUEST_FILENAME} !-d 
    RewriteCond %{REQUEST_FILENAME} !-f 
    RewriteRule ^(.*)$ index.html [QSA,L] 
</IfModule> 

Для IIS создать файл с именем web.config в корневой каталог вашего веб

<?xml version="1.0" encoding="utf-8"?> 
<configuration> 
<system.webServer> 
    <rewrite> 
     <rules> 
      <clear /> 
      <rule name="angular" patternSyntax="Wildcard"> 
       <match url="*" /> 
       <conditions logicalGrouping="MatchAll" trackAllCaptures="false"> 
        <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" /> 
        <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" /> 
       </conditions> 
       <action type="Rewrite" url="index.html" /> 
      </rule> 
     </rules> 
    </rewrite> 
</system.webServer> 
</configuration>