web-dev-qa-db-fra.com

Récupère les fichiers angular.js net :: ERR_ABORTED

J'ai besoin de votre aide pour savoir où est mon erreur. J'utilise springboot (backend) x Angularjs (frontend). Je reçois un fichier GET (angular.js) net :: ERR_ABORTED lorsque je tente de charger localhost: 8080. Je ne trouve aucune erreur sur mes fichiers angular non plus. Alors voici mes codes:

//for the springcontroller

@RestController
public class EmployeeController {

    @Autowired
    EmployeeService es;

    @RequestMapping(method=RequestMethod.GET,value="/employees")
    public List<Employee> getAllEmployees(){
        return es.getAllEmployees();
    }

    @RequestMapping(method=RequestMethod.GET,value="/employees/{name}")
    public Employee getEmployee(@PathVariable String name){
        return es.getEmployee(name);
    }

    @RequestMapping(method=RequestMethod.POST,value="/employees")
    public void addEmployee(@RequestBody Employee emp){
        es.addEmployee(emp);
    }

    @RequestMapping(method=RequestMethod.PUT,value="/employees/{name}")
    public void updateEmployee(@RequestBody Employee emp,@PathVariable String name){
        es.updateEmployee(emp,name);
    }

    @RequestMapping(method=RequestMethod.DELETE,value="/employees/{name}")
    public void deleteEmployee(@PathVariable String name){
        es.deleteEmployee(name);
    }
}

Pour mes app.js:

(function(){
    'use strict';
    var app = angular.module('myApp',['ngRoute','myApp.controller']);

    app.config(function($routeProvider) {
        $routeProvider
        .when('/', {
            templateUrl: 'index.html',
            controller: 'HomeController'
        });
    });

})();

Pour mon HomeController.js

var module = angular.module('myApp.controller',['myApp.service']);
module.controller('HomeController',['$scope','HomeService',
    function($scope,HomeService){
        $scope.EmpData = [];

        var onSuccess = function(response){
            $scope.EmpData = response.data;
        };

        var onError = function(error){
            console.log('Error fetching data...');
        };

        function getAllEmployees(){
            HomeService.getAllEmployees().then(onSuccess,onError)
        };
   } //end of function

]);

Pour mon HomeService.js

var module = angular.module('myApp.service',[]);
module.service('HomeService',['$http',function($http){
        function doFetchEmployees(){
            var response = $http.get("/employees");
            return response;
        };
        return{
           getAllEmployees : function(){
               return doFetchEmployees();
        }
    };

    }]);

Et enfin pour mon index.html

<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <script src="src/main/resources/scripts/angular.min.js"></script>
    <script src ="src/main/resources/scripts/angular-route.min.js"></script>
    <script src="src/main/resources/app.js"></script>
    <script src = "src/main/resources/HomeController.js"></script>
    <script src ="src/main/resources/HomeService.js" ></script>
</head>
<body ng-app="myApp" ng-controller="HomeController">
    <h2>Home</h2>
    <br/>
    <a href="#/index.html">Home</a>
    <br/>
    <table>
    <thead>
    <tr>
        <th>Name</th>
        <th>Email</th>
        <th>Address</th>
        <th>telephone</th>
    </tr>
    </thead>
    <tbody ng-repeat="emp in EmpData">
        <tr>
        <td>{{emp.name}}</td>
        <td>{{emp.email}}</td>
        <td>{{emp.address}}</td>
        <td>{{emp.telephone}}</td>
        </tr>
    </tbody>
    </table>

    <br/>
    <a href="http://localhost:8080/adduser.html">Create User</a>
</body>
</html>

Et voici tous mon message d'erreur:

GET http://localhost:8080/src/main/resources/scripts/angular-route.min.js net::ERR_ABORTED
localhost/:7 GET http://localhost:8080/src/main/resources/app.js net::ERR_ABORTED
localhost/:5 GET http://localhost:8080/src/main/resources/scripts/angular.min.js net::ERR_ABORTED
localhost/:8 GET http://localhost:8080/src/main/resources/HomeController.js net::ERR_ABORTED
localhost/:9 GET http://localhost:8080/src/main/resources/HomeService.js net::ERR_ABORTED
localhost/:6 GET http://localhost:8080/src/main/resources/scripts/angular-route.min.js net::ERR_ABORTED
localhost/:7 GET http://localhost:8080/src/main/resources/app.js net::ERR_ABORTED
localhost/:8 GET http://localhost:8080/src/main/resources/HomeController.js net::ERR_ABORTED
localhost/:9 GET http://localhost:8080/src/main/resources/HomeService.js net::ERR_ABORTED

Mon index.html n'a pas de sortie mais simplement {{emp.names}} -> comme ceci .J'ai déjà essayé de mettre les balises de script à l'intérieur du corps, mais toujours les mêmes. Rechargement du cache dur et effacer. Toujours pas de chance . Et enfin, lorsque je tente d’accéder à localhost: 8080, les journaux de la console Eclipse indiquent ces 3 lignes, s’agit-il également d’une cause de l’erreur?

2017-10-18 10:31:22.115  INFO 9176 --- [nio-8080-exec-1] o.a.c.c.C.[Tomcat].[localhost].[/]       : Initializing Spring FrameworkServlet 'dispatcherServlet'
2017-10-18 10:31:22.115  INFO 9176 --- [nio-8080-exec-1] o.s.web.servlet.DispatcherServlet        : FrameworkServlet 'dispatcherServlet': initialization started
2017-10-18 10:31:22.127  INFO 9176 --- [nio-8080-exec-1] o.s.web.servlet.DispatcherServlet        : FrameworkServlet 'dispatcherServlet': initialization completed in 12 ms

J'ai du mal à comprendre cela.

entrez la description de l'image ici

javaangularjsspring-mvcspring-boot
5
LogronJ

Le problème était le chemin source complet pour les scripts angulaires. 

Je l'ai changé comme ceci:

<script src="angular.js""></script>
<script src ="angular-route.min.js"></script>
<script src="app.js"></script>
<script src = "HomeController.js"></script>
<script src ="HomeService.js" ></script>
4
LogronJ
<script src="/src/main/resources/scripts/angular.min.js"></script>
<script src ="/src/main/resources/scripts/angular-route.min.js"></script>
<script src="/src/main/resources/app.js"></script>
<script src = "/src/main/resources/HomeController.js"></script>
<script src ="/src/main/resources/HomeService.js" ></script>

Vous avez besoin d'une barre oblique avant l'attribut src dans un script pour supprimer "net :: ERR_ABORTED"

0
Dhiraj Belure

essayez d'ajouter la ligne suivante dans votre spring-mvc.xml (le nom de fichier peut être diff. dans votre projet), et changez le nom du dossier de votre emplacement (si ce n'est pas des ressources, dans l'état où vous vous trouvez)

spring-mvc.xml

<mvc:resources mapping="/resources/**" location="/resources/" cache-period="31556926"/>

* .jsp

<script type="text/javascript" src="${ pageContext.request.contextPath }/resources/script/angular.js"></script>

si déjà ajouté, vérifiez que vous avez bien ajouté cache-period

0
Bhushan Dafale

J'ai eu le même problème. Mais je pensais que si le même site Web fonctionnait sur un autre serveur, pourquoi n’est-ce pas sur mon serveur?.

J'ai essayé d'accéder directement à cette page. en utilisant l'URL ..

https: // localhost: 8080/folder/folder/script.js

https: // localhost: 8080/folder/folder/style.css

À chaque fois, je n'ai pas pu accéder à ces fichiers.

Ensuite, j’ai vérifié l’autorisation de dossier .. c’était 700 alors j’ai changé cela en 755 .. 

à présent. tout fonctionne très bien :) 

0
MFarooqi