Запросы перекрестного происхождения поддерживаются только для HTTP

Я пытаюсь запустить этот код:

<!DOCTYPE html>
<html ng-app="myApp">
<head>
    <title>Exemple 06</title>
</head>
<body>
    <!-- Diretiva ng-repeat -->
    <div ng-controller="MyController">
        <a ng-href="#/">Page 1</a> | <a ng-href="#/p2">Page 2</a>
        <div ng-view="#/p2"></div>
    </div>

    <script src="js/angular.js"></script>
    <script src="js/angular-route.js"></script>
    <script type="text/javascript">
        var myApp = angular.module('myApp', ['ngRoute']);

        myApp.config(function($routeProvider){
            $routeProvider
                .when('/'  , {controller: 'MyController', templateUrl: 'p1.html'})
                .when('/p2', {controller: 'MyController', templateUrl: 'p2.html'})
                .otherwise({ redirectTo: '/'});
        });

        myApp.controller('MyController', function($scope){
            $scope.nomes = [
                {id: 1, nome: 'Arthur'},
                {id: 2, nome: 'Portos'},
                {id: 3, nome: 'Aramis'}
            ];
        });
    </script>
</body>

но ошибка ниже происходит:

XMLHttpRequest не может загрузить файл:///home/93579551515/Desktop/Angular/p1.html. Запросы перекрестного происхождения поддерживаются только для HTTP.

Я не хочу запускать его на веб-сервере.

Источник

3 ответа

Решение

You can add templates such as p1.html а также p2.html в вашем index.html by putting them inside script tags, as mentioned in the docs.

<script type="text/ng-template" id="p1.html">
  This is the content of the template
</script>

затем angular will no longer need to make AJAX requests to fetch them.

Do note that these script elements must appear after ng-app,

Источник

У меня такая же проблема в Chrome, если вы используете Chrome, вы можете отключить ту же политику происхождения в Chrome. Запуск Chrome работает:

$ google-chrome --disable-web-security

Вот более подробно.

Источник

Провайдер маршрутов использует протокол http, поэтому, если вы запустите этот код прямо из папки, вы получите перекрестную проблему происхождения.

Сохраните вашу папку на сервере, например localhost/route, и запустите ее.

Укажите путь ссылки, например templateUrl: '/p1.html'

Источник
Другие вопросы по тегам