<!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>
<p nav>
<a href="#/">首页</a>
<a href="#/book">游戏</a>
<a href="#/game">游戏</a></p>
<p ng-view=''>
我是内容
</p></p>
</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.
怎么解决？
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
建议用ui-router
Cross origin requests跨域请求，file:///D:/angular/item/view/b.html? 你没把代码部署到web服务器上吗？为什么不是走http，你先部署到nginx，apache或其他服务器上。因为你在本地使用的是
file协议，你需要把你的应用部署到web服务器上，使用http协议即可启动一个本地服务器就行
找到原因了，请求类型不匹配的问题。把request headers里面的Content-Type去掉就可以，如下图：
