关于angular路由的问题?

<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>

<meta charset="UTF-8">
<title>Document</title>
<script src="js/angular.min.js"></script>
<script src="js/angular-route.min2.js"></script>

</head>
<body>
<div nav>

<a href="#/">首页</a>
<a href="#/book">游戏</a>
<a href="#/game">游戏</a>

</div>

<div ng-view=''>
    我是内容
</div>

</div>

</body>
<script>

var app=angular.module('myApp',['ngRoute'])
.config(function($routeProvider){
    $routeProvider
    .when('/',{template:'首页1'})
    .when('/book/',{templateUrl:'view/b.html'})
    .when('/game/',{templateUrl:'view/c.html'})
    .otherwise({
        redirecTo:'/'
    })
})

</script>
</html>

会出错angular.min.js:79 XMLHttpRequest cannot load file:///D:/angular/item/view/b.html. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.
怎么解决?

阅读 3.7k
5 个回答

建议用ui-router

Cross origin requests跨域请求,file:///D:/angular/item/view/b.html? 你没把代码部署到web服务器上吗?为什么不是走http,你先部署到nginxapache或其他服务器上。

因为你在本地使用的是file协议,你需要把你的应用部署到web服务器上,使用http协议即可

启动一个本地服务器就行

新手上路,请多包涵

找到原因了,请求类型不匹配的问题。把request headers里面的Content-Type去掉就可以,如下图:
clipboard.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题