如何擺脫chrome中的跨源請求塊？

我對角度很陌生，試圖在角度指令中使用templateUrl。當我試圖運行在瀏覽器中的本地HTML它顯示我的這些錯誤 - >如何擺脫chrome中的跨源請求塊？

的XMLHttpRequest無法加載文件：///Users/suparnadey/Desktop/workspace/AngularJS/angular_directives/baseChild1.html。協議方案僅支持交叉源請求：http，data，chrome，chrome-extension，https，chrome-extension-resource。

錯誤：[$編譯：tpload] http://errors.angularjs.org/1.5.0-rc.0/ $編譯/ tpload P0 = baseChild1.html & P1 = -1 & P2 = 在錯誤（天然）在file：///用戶/ suparnadey /桌面/工作區/ AngularJS/angular_directives/angular.min.js：6：421 at file：///Users/suparnadey/Desktop/workspace/AngularJS/angular_directives/angular.min.js：149：48 at file：/// Users/suparnadey/Desktop/workspace/AngularJS/angular_directives/angular.min.js：123：217 at m。$ eval（file：///Users/suparnadey/Desktop/workspace/AngularJS/angular_directives/angular.min.js ：137：446） at m。$ digest（file：///Users/suparnadey/Desktop/workspace/AngularJS/angular_directives/angular.min.js ：135：41） at m。$ apply（file：///Users/suparnadey/Desktop/workspace/AngularJS/angular_directives/angular.min.js：138：236） at file：/// Users/suparnadey /桌面/ workspace/AngularJS/angular_directives/angular.min.js：20：10 at Object.e [as invoke]（file：///Users/suparnadey/Desktop/workspace/AngularJS/angular_directives/angular.min.js： 40：477）在C（文件：///Users/suparnadey/Desktop/workspace/AngularJS/angular_directives/angular.min.js：19：440）

base.html文件

<!DOCTYPE html> 
<html ng-app="iAXApp"> 

    <head> 
    <meta charset="utf-8" /> 
    <title>IONOS iAX</title> 

    <!-- <link rel="stylesheet" type="text/css" href="base.css"> --> 

    <script src="angular.min.js"></script> 
    <script src="base.js"></script> 

    </head> 
    <body ng-controller="MainCtrl"> 

     <main-directive></main-directive> 

    </body> 

</html>

個base.js

var app = angular.module('iAXApp', []); 

app.controller('MainCtrl', function($scope) { 
    $scope.name = "Publisher"; 


}); 

app.directive("mainDirective", function(){ 
    return{ 
     restrict: 'E', 
     // tamplate: "<h1>{{name}}</h1>", 
     templateUrl: "baseChild1.html" 
    } 
});

baseChild1.html

<h1>{{name}}</h1>

來源

2016-02-11 Suparna

請問您還可以添加baseChild1.html嗎？ – Radu

我已經添加了它... – Suparna

這是所有現代瀏覽器阻止跨起源請求標準安全原因。

安裝此插件鉻和啓用它：chrome plugin to enable cors

如果這不起作用，那麼你應該嘗試運行HTTP的服務器上的項目。看一看這個答案：http-server to run local projects.

我希望這肯定會有所幫助。

來源

2016-02-11 09:18:34

在您的瀏覽器中安裝安全漏洞是一個可怕的想法。 – Quentin

不是當你在本地工作。 –

該插件似乎不能「本地」工作。該文檔使它看起來爲每個站點設置標題。 – Quentin

如何擺脫chrome中的跨源請求塊？

回答

相關問題