Не может получить доступ к странице angular js в динамическом веб-проекте
каждый, я очень новичок в angular js, поэтому я хочу использовать Angular концепции, такие как маршрутизация с использованием ngRoute для достижения моих требований.
вот мой код js
var mainApp = angular.module("mainApp", ['ngRoute']);
mainApp.config(function($routeProvider) {
$routeProvider
.when('/home', {
templateUrl: 'home.html',
controller: 'StudentController'
})
.when('/viewStudents', {
templateUrl: 'viewStudents.html',
controller: 'StudentController'
})
.otherwise({
redirectTo: '/home'
});
});
mainApp.controller('StudentController', function($scope) {
$scope.students = [
{name: 'Mark Waugh', city:'New York'},
{name: 'Steve Jonathan', city:'London'},
{name: 'John Marcus', city:'Paris'}
];
$scope.message = "Click on the hyper link to view the students list.";
});
вот мой index.html
**<!DOCTYPE html>
<html>
<head lang = "en">
<meta charset = "utf-8">
<title>AngularJS Routing</title>
</head>
<body>
<div ng-app = "mainApp">
<ng-view></ng-view>
</div>
<script type = "text/javascript" src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.2.28/angular.min.js"></script>
<script type = "text/javascript" src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.2.28//angular-route.min.js"></script>
<script type = "text/javascript" src = "main.js"></script>
</body>
</html>
вот home.html
<div class = "container">
<h2> Welcome </h2>
<p>{{message}}</p>
<a href = "#/viewStudents"> View Students List</a>
</div>
когда я открываю index.html в браузере, он должен загрузить home.html, как указано в коде js.
но я получаю следующую ошибку в консоли
angular.js:8632 Access to XMLHttpRequest at 'file:///E:/battleField/angular/WebContent/WEB-INF/home.html' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
что не так с моим кодом и способом запуска страницы. пожалуйста, помогите мне выбраться из этого, я сослался на следующий учебник, чтобы получить его https://www.journaldev.com/6225/angularjs-routing-example-ngroute-routeprovider
там все работает нормально. Спасибо.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Эта ошибка возникает из-за того, что вы просто открываете html-документы прямо из браузера. Чтобы исправить это, вам нужно будет вызвать свою страницу с веб-сервера и получить к ней доступ на локальном хосте. Используйте Wamp Server или Apache или, если у вас есть установка nodejs, используйте http-сервер
@bharathvarma, но ошибка для файла: /// E: /battleField/angular/WebContent/WEB-INF/home.html ваша настройка localhost не работает, иначе это привело бы к ошибке в локальный: 8088 / угловой / WEB-INF / home.html
да, извините за введение в заблуждение, теперь я не получаю ошибку в консоли при работе на локальном хосте, но я не получаю индексную страницу в браузере с ошибкой 404
я не нашел маршрут для индексной страницы
эта ошибка возникла из-за проблемы с веб-сервером ... которая сейчас решена ... и если вы видите вопрос, для которого это помечено как дубликат, также будет тот же ответ, что и у меня ... так что вы можете просто отметить его правильным? потому что это решило вашу проблему @bharathvarma
Спасибо за работу.
Я запускаю его на сервере Tomcat, это мой путь
http://localhost:8088/angular/WEB-INF/index.html, но я получаю ошибку 404