无法在Chrome中使用文件协议打开Angular应用程序

Question

嗨，我对angularjs和chrome有问题，代码如下：

   var angularRoutingApp = angular.module('angularRoutingApp', ['ngRoute'])

   // Configuración de las rutas
   .config(function($routeProvider) 
   {

 $routeProvider
    .when('/', {
        templateUrl : 'pages/home.html',
        controller  : 'mainController'
    })
    .when('/artistas', {
        templateUrl : 'pages/artistas.html',
        controller  : 'artistasController'
    })
    .when('/login', {
        templateUrl : 'pages/login.html',
        controller  : 'loginController'
    })
    .otherwise({
        redirectTo: '/'
    });
    });

如果我打开索引。使用Opera、Firefox或safary的html我没有任何问题，但是如果我使用Chorme打开此文件，请不要使用routerprovider，并在控制台中显示错误消息，如下所示：

无法加载XMLHttpRequestfile://localhost/Users/multivideo/Desktop/FTL-Angular/pages/home.html.仅HTTP支持跨源请求。指数html:1

Error: A network error occurred.
at Error (native)
at https://ajax.googleapis.com/ajax/libs/angularjs/1.2.8/angular.min.js:72:206
at C (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.8/angular.min.js:68:99)
at f (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.8/angular.min.js:66:69)
at C (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.8/angular.min.js:92:375)
at C (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.8/angular.min.js:92:375)
at https://ajax.googleapis.com/ajax/libs/angularjs/1.2.8/angular.min.js:94:28
at h.$eval (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.8/angular.min.js:102:293)
at h.$digest (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.8/angular.min.js:100:50)
at h.$apply (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.8/angular.min.js:103:100) angular.js:9413

Answer 1

除了@Chris vCB的答案之外，如果需要，还可以使用php

php -S localhost:8080

或任何域名::端口

Answer 2

你应该有一个web服务器正在运行.用file：//打开它将在一些浏览器中启用保护，这将阻止你运行部分代码，例如ajax调用。

最好的解决方案是运行Web服务器，特别是因为angular附带了一个Web服务器。例如，我使用yeoman，可以运行grunt-service。在这里呻吟https://docs.angularjs.org/tutorial/step_00

另一个选项是设置chrome以允许XHR使用文件协议允许GoogleChrome使用XMLHttpRequest从本地文件加载URL

Answer 3

Chrome使用相当严格的主域同源策略。你可以做两件事：

1）您通常不应该从file：//开发。使用MAMP、内置Apache Web服务器或其他方法设置本地Web服务器。如果你在苹果电脑上，正如我从你提供的路径推测的那样，你可以通过打开终端并输入

$> python -m SimpleHTTPServer 8080

这将从调用端口8080的文件夹中打开一个简单的HTTP服务器。

2）你可以，但你真的不应该放松Chrome的安全设置。这是可能的，但通常是不好的做法。