AngularJS错误只有协议方案支持跨源请求：http，data，chrome，chrome-extension，https，chrome-extension-resource

问题描述：

我正在用angularJS在页面之间导航，但是当我打开主页时与我的浏览器，它不显示任何内容当我在控制台看，我看到这个错误：AngularJS错误只有协议方案支持跨源请求：http，data，chrome，chrome-extension，https，chrome-extension-resource

Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

这里是我的代码：

ViewsTestPage：

<html> 
<head> 
    <title>Views Test</title> 
    <script src="angular.min.js"></script> 
    <script src="angular-route.min.js"></script> 
    <script src="controller.js"></script> 
</head> 
<body ng-app="myApp"> 
    <div ng-view></div> 
</body> 
</html>

个

的controller.js：

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

mainApp.config(function($routeProvider){ 
    $routeProvider 
    .when('/', { 
     templateUrl: 'UsersPage.html' 

    }) 

    .when('/helloUser', { 
    templateUrl: 'hello.html' 
}) 
.otherwise({ 
    redirectTo: '/' 
}); 

});

UsersPage：

Hello world <a href="#/helloUser">Hi users</a>

hello.html的

<h1> Users Page</h1>

任何帮助，请我'begginner !!!!

答

发生此错误是因为您只是直接从浏览器打开html文档。要解决这个问题，你需要从web服务器提供你的代码并在localhost上访问它。如果您有Apache安装程序，请使用它来为您的文件提供服务。有些IDE内置了Web服务器，如JetBrains IDE，Eclipse .. 如果您有webstorm，那么您可以从webstorm打开它。

如果您有Node.Js设置，那么您可以使用http-server。只要运行npm install http-server -g，你就可以在终端上使用它，比如http-server C:\location\to\app.

我看到了这个回应，但我不知道该怎么做，你能展示更多，我有什么步骤做？？？ –

您是否安装了节点或安装了webstorm？ – sumair

AngularJS错误只有协议方案支持跨源请求：http，data，chrome，chrome-extension，https，chrome-extension-resource

相关推荐