1 HIangular.min.js的XMLHttpRequest不能加載文件
我收到錯誤爲「angular.min.js [
/* app.js */
var model = angular.module('app',['ui.router']);
model.config(function($stateProvider, $urlRouterProvider){
\t $urlRouterProvider.otherwise('/home');
\t
\t $stateProvider
\t
\t .state('home',{
\t \t url: '/home',
\t \t templateUrl: 'view/home.html',
\t \t controller: 'homeController'
\t })
});
/* home.js */
model.controller('homeController',function($scope){
});
<!-- index.html -->
<!DOCTYPE html>
<html>
\t <head>
\t \t <title></title>
\t \t <link rel="stylesheet" type="text/css" href="css/style.css" />
\t \t <script type="text/javascript" src="js/angular.min.js" ></script>
\t \t <script type="text/javascript" src="js/angular-ui-router.min.js" ></script>
\t \t <script type="text/javascript" src="controller/app.js" ></script>
\t \t <script type="text/javascript" src="controller/home.js" ></script>
\t </head>
<body ng-app="app">
<header>Jayesh Shelar</header>
<div id="view" ui-view> </div>
</body>
</html>
] 1!]:103 XMLHttpRequest無法加載文件只有協議方案支持交叉原始請求:http,data,chrome,chrome-extension,https,chrome-extension-resource。「
使用網絡服務器。不要使用file:///協議。 – dfsq
我需要使用tomcat,wamp等webserver來運行angularjs嗎? – Jay
是的。然而,這不是關於Angular,而是現在瀏覽器強加的嚴格的網絡安全策略。你需要使用http://協議。任何網絡服務器都可以用於你的目的:Apache,Tomcat或非常簡單的npm軟件包,例如[lite-server](https://www.npmjs.com/package/lite-server),甚至是簡單的python服務器-m SimpleHTTPServer 3000'。 – dfsq