我很难理解为什么我的 base href 似乎区分大小写。我有一个带有基本 href 的页面并使用 angularjs 路由。
html:
<html ng-app="app">
<head>
<base href="/Foo/"/>
</head>
<body>
<div>Foo</div>
<div ng-view></div>
</body>
</html>
js:
var module = angular.module('app', []);
module.config(function ($routeProvider, $locationProvider) {
$routeProvider
.when('/Home/Page1', { templateUrl = 'partials/page1' })
.otherwise({ redirectTo: '' });
$locationProvider.html5Mode(true);
$locationProvider.hashPrefix('!');
});
如果我导航到 http://www.example.com/Foo/ , 没关系。但是当我导航到 http://www.example.com/foo/ 时我收到一个 Angular 错误:
Error: Invalid url "http://www.example.com/foo/", missing path prefix "/Foo" !
at Error (<anonymous>)
at Object.LocationUrl.$$parse (http://www.example.com/foo/Scripts/angular.js:4983:13)
at Object.LocationUrl (http://www.example.com/foo/Scripts/angular.js:5014:8)
at $LocationProvider.$get (http://www.example.com/foo/Scripts/angular.js:5387:21)
at Object.invoke (http://www.example.com/foo/Scripts/angular.js:2809:28)
at http://www.example.com/foo/Scripts/angular.js:2647:37
at getService (http://www.example.com/foo/Scripts/angular.js:2769:39)
at Object.invoke (http://www.example.com/foo/Scripts/angular.js:2787:13)
at $CompileProvider.directive (http://www.example.com/foo/Scripts/angular.js:3613:43)
at Array.forEach (native) angular.js:5582
如果它有帮助/有所作为,则站点托管在 IIS 上并使用 MVC 4。
最佳答案
您需要关闭 angularjs 路由提供程序的区分大小写。
请查看此功能的详细信息:
add caseInsensitiveMatch
option for url matching
关于routing - AngularJS + Base Href 区分大小写?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14994324/