Question

我无法继续在angularjs中进行路由我得到以下错误 “XMLHttpRequest无法加载文件：/// C：/Users/PRn1/Desktop/angular%20samples/home1.html。只有协议方案支持交叉源请求：http，数据，chrome，chrome-extension，https ，chrome-extension-resource。“我正在使用Chrome进行测试，感谢任何帮助

这是示例代码

这是app.js

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

app.controller('myCtrl', function ($scope) {  
    $scope.message = "Thank you for visiting our website";  
})  

app.config(function ($routeProvider) {  
    $routeProvider  
        .when('/home', {  
            templateUrl: 'home1.html',  
            controller: 'myCtrl'  
        })  
        .when('/aboutUs', {  
            templateUrl: 'aboutus.html',  
            controller: 'myCtrl'  
        })  
        .when('/contactUs', {  
            templateUrl: 'Contactus.html',  
            controller: 'myCtrl'  
        })  
        .otherwise({  
            redirectTo: '/home'  
        });  
});

这是home.html

<html>
<head>
<!--Using CDN for angularjs and angular js routing-->  
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script>  

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular-route.js"></script>  

<!--Adding javaScript file for angularJs coding-->  
<script src="app.js"></script>  
</head>
<body>
<div ng-app="myApp">  
<div id="topLinks">  
<a href="#/home1">Home</a>  
<a href="#/aboutUs">About Us</a>  
<a href="#/contactUs">Contact Us</a>  
</div>  
<div ng-view>
</div>   
</div>
</body>

这是Home1.html

<div>  
    <h1>Welcome to Home page1</h1>  
    {{message}}  
</div>

这是Aboutus.html

<div>  
    <h1>Welcome to About us page</h1>  
    {{message}}  
</div>

这是contactus.html

<div>  
    <h1>Welcome to Contact us page</h1>  
    {{message}}  
</div>

Answer 1

从服务器启动它。 Angular doens不允许Cross origin请求。意思是，只需双击文件并希望它可以工作，就不会。安装一个小服务器。我强烈使用 Live-server 。

Answer 2

您无法在本地加载文件，例如文件：/// C：/ ... 您必须使用 http：// 。看一下 http-server ，它可以让你快速启动服务器。

Angular js中的路由问题无法路由

2 个答案: