使用角度路由時出現錯誤僅協議方案僅支持跨源請求：http

Question

我正在做角度布線並收到此錯誤。

這是我的html文件

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <script src="../Scripts/angular.min.js"></script>
    <script src="../Scripts/angular-route.min.js"></script>
    <script src="../Scripts/test.js"></script>

    <script src="../Controllers/about.js"></script>
    <script src="../Controllers/contact.js"></script>
    <script src="../Controllers/home.js"></script>
  </head>
  <div ng-app="MyApp">
    <body>
      <div class="navbar-header">
        <nav>
          <ul>
            <li><a href="#!/">Home</a></li>
            <li><a href="#!/about">About Us</a></li>
            <li><a href="#!/contact">Contact Us</a></li>
          </ul>         
        </nav>
      </div>

      <div ng-view>
      </div>

    </body>
  </div>
</html>

這是我的js文件。

var myapp= angular.module('MyApp',['ngRoute']);
myapp.config(function($routeProvider) {

  $routeProvider
  .when('/',{
    templateUrl: 'home.html',
    controller: 'mainController'
  })
  .when('/about',{
    templateUrl: 'about.html',
    controller: 'aboutController'
  })  
  .when('/contact',{
    templateUrl: 'contact.html',
    controller: 'contactController'
  });

});

Answer 1

嘗試檢查以下代碼。 我希望這能幫到您。

 <!DOCTYPE html> <html> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-route.js"></script> <body> <div ng-app="MyApp"> <div class="navbar-header"> <nav> <ul> <li><a href="#!/">Home</a></li> <li><a href="#!about">About Us</a></li> <li><a href="#!contact">Contact Us</a></li> </ul> </nav> </div> <div ng-view> </div> </div> <script> var myapp= angular.module('MyApp',['ngRoute']); myapp.config(function($routeProvider) { $routeProvider .when('/',{ template: 'home page', // controller: 'mainController' }) .when('/about',{ template: 'about page', // controller: 'aboutController' }) .when('/contact',{ template: 'contact page', //controller: 'contactController' }); }); </script> <p>You can write the date in many different formats.</p> </body> </html>

使用角度路由時出現錯誤僅協議方案僅支持跨源請求：http

問題描述

1 個解決方案

解決方案1
0 已采納 2017-06-27 17:03:29

使用角度路由時出現錯誤僅協議方案僅支持跨源請求：http

問題描述

1 個解決方案

解決方案1 0 已采納 2017-06-27 17:03:29

解決方案1
0 已采納 2017-06-27 17:03:29