asp.net中未找到angular.js路由404错误

asp.net中未找到angular.js路由404错误,asp.net,angularjs,asp.net-web-api,Asp.net,Angularjs,Asp.net Web Api,我正在使用angular.js和asp.net webapi编写我的博客站点。我用angular.js做了url路由。当我点击网址,但我得到404找不到错误。如何解决这个问题 var blogSite = angular.module("blogSite", ["ngRoute"]); blogSite.config(['$routeProvider', function ($routeProvider) { $routeProvider .when("post/:post", {

我正在使用angular.js和asp.net webapi编写我的博客站点。我用angular.js做了url路由。当我点击网址,但我得到404找不到错误。如何解决这个问题

var blogSite = angular.module("blogSite", ["ngRoute"]);
blogSite.config(['$routeProvider', function ($routeProvider) {
$routeProvider
    .when("post/:post", {
        teplateUrl: 'blogpost.html',
        controller: 'blogPostController'
    })
    .otherwise({
        redirectTo: 'index.html'
    });
}]);

blogSite.controller("mainPageController", function ($scope, $http,     $routeParams) {
var url = baseUrl + "getpost";
$http.get(url)
    .success(function (data, status, headers, config) {
        if (data.length > 0) {
            $scope.LastBlogPosts = data;
        }
        else {
            $scope.LastBlogPosts = null;
        }
    })
    .error(function (data, status, headers, config) {
        console.log(status);
    });
});

blogSite.controller("blogPostController", function ($scope, $http, $routeParams) {
 $scope.TestMessage = "Test Message"
});
index.html页面

div ng-controller="mainPageController">
            <ul>
                <li ng-repeat="blogPost in LastBlogPosts">
                    <a href="post/{{blogPost.PostUrl}}" class="lastPostUrl mainPagePostTitle">{{blogPost.PostTitle}}</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<div ng-view>

</div>
div ng controller=“mainPageController”>

你的锚应该有
#
来限制重定向,把
#
放在URL的开头会让你保持在同一个页面上,让你保持在SPA中

<a href="#post/{{blogPost.PostUrl}}" class="lastPostUrl mainPagePostTitle">
  {{blogPost.PostTitle}}
</a>

你的锚应该有
#
来限制重定向,把
#
放在URL的开头会让你保持在同一个页面上,让你保持在SPA中

<a href="#post/{{blogPost.PostUrl}}" class="lastPostUrl mainPagePostTitle">
  {{blogPost.PostTitle}}
</a>


teplateUrl:'blogpost.html',
应该是
templateUrl:'blogpost.html',
&angular不提供对html文件的直接访问我已更改但错误持续VC视图文件夹不提供对html文件的直接访问..从哪里尝试访问html文件?我的解决方案中有两个项目。第一个BlogSite.API,第二个BlogSite.UI。我没有使用mvc模板创建blogsite.ui。blogpost.html文件位于blogsite.ui项目中控制台中是否有任何错误更改?或者您遇到的错误与以前相同?
teplateUrl:'blogpost.html',
应该是
templateUrl:'blogpost.html',
&angular不提供对html文件的直接访问我已更改,但错误持续VC views文件夹不提供对html文件的直接访问..您尝试从何处访问html文件?我的解决方案中有两个项目。第一个BlogSite.API,第二个BlogSite.UI。我没有使用mvc模板创建blogsite.ui。blogpost.html文件位于blogsite.ui项目中控制台中是否有任何错误更改?或者你得到了与以前相同的错误?