Javascript AngularJS应用程序出现奇怪的路由错误_Javascript_Html_Angularjs_Web_Url Routing

Javascript AngularJS应用程序出现奇怪的路由错误

javascript html angularjs web

Javascript AngularJS应用程序出现奇怪的路由错误,javascript,html,angularjs,web,url-routing,Javascript,Html,Angularjs,Web,Url Routing,我在AngularJS应用程序上实现简单路由配置时遇到困难这是我的HTML文件： <html data-ng-app="sportsStore"> <head> <title>Sports Store</title> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min

我在AngularJS应用程序上实现简单路由配置时遇到困难

这是我的HTML文件：

<html data-ng-app="sportsStore">
    <head>
        <title>Sports Store</title>
        <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" type="text/css" />
        <script src="http://code.jquery.com/jquery-2.1.1.min.js" type="application/javascript"></script>
        <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="application/javascript"></script>
        <script src="https://code.angularjs.org/1.3.0/angular.min.js" type="application/javascript"></script>
        <script src="https://code.angularjs.org/1.3.0/angular-route.min.js" type="application/javascript"></script>
        <script type="application/javascript">
            angular.module('sportsStore', ['customFilters', 'cart', 'ngRoute'])
            .config(function ($routeProvider) {
                $routeProvider.when('/checkout', {
                    templateUrl: '/views/checkoutSummary.html'
                });
                $routeProvider.when('/products', {
                    templateUrl: '/views/productList.html'
                });
                $routeProvider.otherwise({
                    templateUrl: '/views/productList.html'
                });
            });
        </script>
        <script src="controllers/sportsStore.js" type="application/javascript"></script>
        <script src="controllers/productListControllers.js" type="application/javascript"></script>
        <script src="components/cart/cart.js" type="application/javascript"></script>
        <script src="filters/customFilters.js" type="application/javascript"></script>
    </head>
    <body data-ng-controller="sportsStoreCtrl">
        <div class="navbar navbar-inverse">
            <a class="navbar-brand" href="#">SPORTS STORE</a>
            <cart-summary/>
        </div>
        <div class="alert alert-danger" data-ng-show="data.error">
            Error ({{data.error.status}}). The product data was not loaded.
            <a href="/index.html" class="alert-link">Click here to try again</a>
        </div>
        <ng-view />
    </body>
</html>

但当点击它获取更多信息时，一条消息阻止了我：

NS_ERROR_DOM_BAD_URI: Access to restricted URI denied

无法找到文件“/views/checkoutSummary.html”。确保路径正确。

您需要删除开头“/”。当你在PC浏览器上进行模拟时，它工作得非常完美，在iOS上也可以正常工作，但只有在Android上才会失败

其次，确保文件名和路径正确。

文件确实存在（与productSummary.html相同），我是否必须传递绝对路径？实际上，我认为它没有找到/views/productList.html（在错误的第一行）。根据文档，当它找不到模板时会发生这种情况。“要解决此错误，请确保模板的URL拼写正确，并解析为正确的绝对URL。Chrome Developer工具也可能有助于确定请求失败的原因。”我的意思是，删除“/”将使其在所有平台上都能完美工作。您当前的代码在Android平台上无法运行（以“/”开头）。非常感谢您提供的解决方案。我被困了很长一段时间。

[object XrayWrapper [object DOMException]]
https://code.angularjs.org/1.3.0/angular.min.js
Line 101

NS_ERROR_DOM_BAD_URI: Access to restricted URI denied