search

Home  >  Q&A  >  body text

javascript - 关于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>
<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.
怎么解决?

大家讲道理大家讲道理2897 days ago282

reply all(5)I'll reply

  • 天蓬老师

    天蓬老师2017-04-10 17:28:09

    建议用ui-router

    reply
    0
  • PHP中文网

    PHP中文网2017-04-10 17:28:09

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

    reply
    0
  • PHP中文网

    PHP中文网2017-04-10 17:28:09

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

    reply
    0
  • ringa_lee

    ringa_lee2017-04-10 17:28:09

    启动一个本地服务器就行

    reply
    0
  • 巴扎黑

    巴扎黑2017-04-10 17:28:09

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

    reply
    0
  • Cancelreply