Javascript 错误：拒绝访问受限URI-同源策略？_Javascript_Angularjs_Angular Material_Same Origin Policy

Javascript 错误：拒绝访问受限URI-同源策略？

javascript angularjs angular-material

Javascript 错误：拒绝访问受限URI-同源策略？,javascript,angularjs,angular-material,same-origin-policy,Javascript,Angularjs,Angular Material,Same Origin Policy,加载angular.min.js时，控制台中出现错误（错误：拒绝访问受限URI）。我想这是因为同一原产地的政策，但我对这一点还不熟悉，不知道如何让这一点起作用。我需要设置服务器还是什么这是我的HTML： <!DOCTYPE html> <html lang="en" ng-app="myApp" ng-cloak> <head> <meta charset="utf-8"> <title>my app</t

加载angular.min.js时，控制台中出现错误（错误：拒绝访问受限URI）。我想这是因为同一原产地的政策，但我对这一点还不熟悉，不知道如何让这一点起作用。我需要设置服务器还是什么

这是我的HTML：

<!DOCTYPE html>
 <html lang="en" ng-app="myApp" ng-cloak>
  <head>
    <meta charset="utf-8">
    <title>my app</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular-animate.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular-aria.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular-messages.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc.5/angular-material.min.js"></script> 
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc.5/angular-material.min.css">    
    <link rel="stylesheet" href="./style.css" type="text/css">
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic, 700italic' rel='stylesheet' type='text/css'>
  </head>
  <body  layout="column" ng-controller="myctrl">
      <h1>Purchase Order</h1>
      <div>
        <div class="row">
          <label>Name</label>
          <label>Price</label>
          <label>Quantity</label>
          <label>Total</label>
        </div>
        <div class="row">
          <input/>
          <input/>
          <ol class="completions"></ol>
          <label>0</label>
          <label>0</label>
        </div>
        <div class="row">
          <input/>
          <input/>
          <ol class="completions">
            <li>Suggestion 1</li>
            <li>Suggestion 2</li>
            <li>Suggestion 3</li>
          </ol>
          <label>0</label>
          <label>0</label>
        </div>
      </div>
      <p>
      </p>
   <script src="../src/main.js"></script>
  </body>
</html>

看起来你有跨站点域的问题。它属于服务器站点设置。意味着您的服务器必须允许来自指定域的客户端调用

示例：如果您将代码客户端（angularjs，js..）放在

并在上调用api

如果未正确配置api服务器，则会发生跨站点问题

但当我查看您的url:api.js->may be时，问题就出现了，因为您的服务器不允许直接访问api.js。您可以通过在浏览器上传递完整的url进行测试：->错误将相同

更新

如果您想从json获取数据，只需使用$http服务

$http.get('yourFolder/data.json').then(function(response) {
        $scope.data = response.data;
      });

看起来你有跨站点域的问题。它属于服务器站点设置。意味着您的服务器必须允许来自指定域的客户端调用

示例：如果您将代码客户端（angularjs，js..）放在

并在上调用api

如果未正确配置api服务器，则会发生跨站点问题

但当我查看您的url:api.js->may be时，问题就出现了，因为您的服务器不允许直接访问api.js。您可以通过在浏览器上传递完整的url进行测试：->错误将相同

更新

如果您想从json获取数据，只需使用$http服务

$http.get('yourFolder/data.json').then(function(response) {
        $scope.data = response.data;
      });

到底是哪一行抛出了错误？你想在api.js中加载什么？这可能会对你有所帮助。是的，您需要在服务器中部署它。”“抛出一个错误奇怪的是，它只调用给出错误的lubrary。您是否尝试将库保存在本地文件中并从本地加载？好的，所以问题不在于调用库。问题可能是对api.js的调用尝试注释对api.js的$http调用，以进行测试，并查看错误是否仍然存在。到底哪一行抛出了错误？你想在api.js中加载什么？这可能会对你有所帮助。是的，您需要在服务器中部署它。”“抛出一个错误奇怪的是，它只调用给出错误的lubrary。您是否尝试将库保存在本地文件中并从本地加载？好的，所以问题不在于调用库。问题可能是对api.js的调用尝试注释对api.js的$http调用，以进行测试，并查看错误是否仍然存在。是的，api.js是问题所在。不过，我现在该如何处理api呢？也许在某个地方托管它？我不知道你用哪种语言编写Api：它可以是Java、.Net。Php，NodeJs。。。根据您的api语言，有不同的设置使其成为服务器如果是JSON呢？是的，api.js是问题所在。不过，我现在该如何处理api呢？也许在某个地方托管它？我不知道你用哪种语言编写Api：它可以是Java、.Net。Php，NodeJs。。。根据您的api语言，有不同的设置使其成为服务器如果是JSON呢？