从本地计算机加载时,RouteProvider无法正常工作

时间:2017-01-11 07:36:02

标签: angularjs cordova twitter-bootstrap-3 angular-ui-router

我使用bootstrap,angularjs开发了一个Web应用程序。我使用routeprovider在页面之间进行路由。使用Visual Studio调试时,该应用程序运行正常。应用程序运行良好,我可以在页面之间路由。但是当我从localmachine file:///C:/Users/index.html加载index.html时,脚本文件没有加载,也没有任何作用。我必须使用cordova将此webapp部署到移动应用程序。 提前谢谢。

的script.js

app.config(['$routeProvider', '$httpProvider','$compileProvider','$locationProvider', function ($routeProvider, $httpProvider, $compileProvider,$locationProvider) { 
$routeProvider.
when('/web', {                                            /* Route provider with masterpage and templates*/
    templateUrl: 'templates/web.html',
    controller: 'webctrl'
}).
     when('/login', {
         templateUrl: 'templates/login.html',
         controller: 'webctrl'
     }).
     when('/register', {
         templateUrl: 'templates/register.html',
         controller: 'webctrl'
     }).
when('/account', {
    templateUrl: 'templates/account.html',
    controller: 'accountctrl'
}).
when('/share', {
    templateUrl: 'templates/share.html',
    controller: 'sharectrl'
otherwise({
    redirectTo: '/web'
});
$locationProvider.html5Mode(true);

$compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|ftp|mailto|file|tel):/);
 }]);

1 个答案:

答案 0 :(得分:0)

这是 browsers 的限制。打算将打开的表单文件系统的HTML页面视为可信源...将其作为安全性

解决方案:

  

使用网络服务器。

任何一种。并始终将您的页面作为此类Web服务器请求提供