Javascript 未在Angular JS路由中加载htm文件_Javascript_Angularjs

Javascript 未在Angular JS路由中加载htm文件

javascript angularjs

Javascript 未在Angular JS路由中加载htm文件,javascript,angularjs,Javascript,Angularjs,当我尝试在AngularJS 使用templateUrl时未加载HTML文件我的Html代码 index.htm <!DOCTYPE html> <html> <head> <title>Home</title> <link rel="stylesheet" type="text/css" href="css/index.min.css"> <

当我尝试在

AngularJS

使用templateUrl时未加载HTML文件

我的Html代码

 index.htm

    <!DOCTYPE html>
    <html>
    <head>
        <title>Home</title>
        <link rel="stylesheet" type="text/css" href="css/index.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-route.js"></script>
    </head>
    <body ng-app="myApp">
        <div class="nav-bar">
            <ul class="nav-inner">
                <li class="active"><a href="">Home</a></li>
                <li><a href="#/about">About</a></li>
                <li><a href="#/gallery">Gallery</a></li>
                <li><a href="#/contact">Contact</a></li>
            </ul>
        </div>
        <br><br><br><br><br><br>
        <div ng-view></div>
    </body>
    </html>

about.htm页面位于

index.htm

所在的文件夹中

我想我卡住了，请帮帮我

更新：

访问位于的XMLHttpRequest 'file:///C:/Users/Raymond%20Thomas/Desktop/JavaScript%20Tutorial/about.htm' 源“空”已被CORS策略阻止：跨源请求仅支持协议方案：http、数据、chrome、， chrome扩展，https

这是控制台中记录的错误

工作正常问题是我试图在没有服务器的情况下运行页面。当我在localhost中运行它时，它工作得很好。

听起来好像你没有在localhost服务器上运行它。无法在

文件：//

协议中使用ajax

var app = angular.module("myApp", ["ngRoute"]);
app.config(function($routeProvider) {
    $routeProvider.when("/about", {
        templateUrl: "about.htm"
    });
});