当我尝试在AngularJS中进行编码时，
HTML文件在使用templateUrl 时未加载
我的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>
我的JavaScript代码是
var app = angular.module("myApp", ["ngRoute"]);
app.config(function($routeProvider) {
$routeProvider.when("/about", {
templateUrl: "about.htm"
});
});
页面about.htm位于放置index.htm的同一文件夹中。
我想我被卡住了，请帮帮我。
更新：
访问XMLHttpRequest'file:///C:/Users/Raymond%20Thomas/Desktop/JavaScript%20Tutorial/about.htm'来自原点的"null"已被CORS策略阻止：跨原点请求只支持协议方案：http、data、chrome、，chrome扩展，https。
这是控制台中记录的错误
工作正常，问题是我试图在没有服务器的情况下运行页面。当我在localhost中运行它时，它工作得很好。