Fatal编程技术网
  • javascript/
  • Javascript 加载模板时AngularJS、Localhost和CORS错误

Javascript 加载模板时AngularJS、Localhost和CORS错误

javascript angularjs cors

Javascript 加载模板时AngularJS、Localhost和CORS错误,javascript,angularjs,cors,Javascript,Angularjs,Cors,我正在尝试使用Angular的ui路由器加载模板 index.html <html ng-app="someApp"> <body ng-controller='SomeCtrl'> <div ui-view> </div> </body> 当我尝试在localhost中转到应用程序的根目录（将html文件拖放到浏览器中）时，我得到一个CORS错误： XMLHttpRequest cannot load

我正在尝试使用Angular的ui路由器加载模板

index.html

<html ng-app="someApp">
<body ng-controller='SomeCtrl'>
        <div ui-view>
        </div>
</body>
当我尝试在localhost中转到应用程序的根目录（将html文件拖放到浏览器中）时，我得到一个CORS错误：

XMLHttpRequest cannot load file://localhost/Users/me/theApp/src/app/things/things.tmpl.html. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.
“我的浏览器”窗口中的url和错误中的url似乎是同一个url。是否因为Angular使用HTTP请求获取模板，如中所示？它们似乎不是类似的问题，因为除了为模板提供服务的localhost之外，不应该有不同的域。

@Tom完全正确——你不能以这种方式加载Chrome中的文件。我必须启动一个http服务器

我按照以下步骤安装http服务器并使用以下命令启动服务器：

http-server -a localhost -p 8000
这允许正确加载应用程序和我的模板。

是的，100%需要至少运行一台本地服务器。MAMP可能是最简单的

进行Mac安装，然后将应用程序根目录放入/Applications/Mamp/htdocs文件夹。当Mamp打开并运行时，默认情况下是localhost:8888/app name/

Chrome不允许您加载这样的文件，您需要在服务器上运行应用程序（apache、node、python、IIS等等）。 
http-server -a localhost -p 8000