Tôi có ba tập tin của một ứng dụng js góc rất đơn giản
index.html
<!DOCTYPE html>
<html ng-app="gemStore">
<head>
<script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js'></script>
<script type="text/javascript" src="app.js"></script>
</head>
<body ng-controller="StoreController as store">
<div class="list-group-item" ng-repeat="product in store.products">
<h3>{{product.name}} <em class="pull-right">{{product.price | currency}}</em></h3>
</div>
<product-color></product-color>
</body>
</html>sản phẩm-color.html
<div class="list-group-item">
<h3>Hello <em class="pull-right">Brother</em></h3>
</div>app.js
(function() {
var app = angular.module('gemStore', []);
app.controller('StoreController', function($http){
this.products = gem;
}
);
app.directive('productColor', function() {
return {
restrict: 'E', //Element Directive
templateUrl: 'product-color.html'
};
}
);
var gem = [
{
name: "Shirt",
price: 23.11,
color: "Blue"
},
{
name: "Jeans",
price: 5.09,
color: "Red"
}
];
})();Tôi đã bắt đầu gặp lỗi này ngay sau khi tôi nhập bao gồm sản phẩm-color.html bằng cách sử dụng chỉ thị tùy chỉnh có tên là sản phẩmColor:
XMLHttpRequest cannot load file:///C:/product-color.html. Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, https, chrome-extension-resource.
angular.js:11594 Error: Failed to execute 'send' on 'XMLHttpRequest': Failed to load 'file:///C:/product-color.html'.Điều gì có thể đi sai? Đây có phải là sự cố đường dẫn cho sản phẩm-color.html không?
Tất cả ba tệp của tôi nằm trong cùng một thư mục gốc C:/user/project/
1
Chỉ cần một con trỏ nhanh là nếu bạn làm điều gì đó ngu ngốc, chẳng hạn như trong trường hợp của tôi, tôi đã vô tình gắn TLD vào cổng: " localhost: 8070.com " thì bạn sẽ nhận được lỗi tương tự. Kiểm tra URL nào bạn đang cố gắng giải quyết!
—
Wildhoney
Có lẽ tương tự ở đây: stackoverflow.com/questions/10752055/ Mạnh
—
Ngô Đức Tuấn
Bản sao có thể có của "Yêu cầu nguồn gốc chéo chỉ được hỗ trợ cho HTTP." lỗi khi tải tệp cục bộ
