asp.net-mvc – 在将站点托管到IIS之后,AngularJS路由无法正常工作

前端之家收集整理的这篇文章主要介绍了asp.net-mvc – 在将站点托管到IIS之后,AngularJS路由无法正常工作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我们在ASP.NET MVC框架中使用AngularJS创建SPA技术,从VS2013运行时,页面之间的AngularJS路由工作正常,但是在将应用程序托管到IIS7.5路由不起作用之后,

路由脚本:

var appRoot = angular.module('main',['ngRoute','ngGrid','ngResource']);     //Define the main module

    appRoot
        .config(['$routeProvider',function ($routeProvider) {
            //Setup routes to load partial templates from server. TemplateUrl is the location for the server view (Razor .cshtml view)
            $routeProvider
                .when('/home',{ templateUrl: '/home/main',controller: 'HomeController' }) .otherwise({ redirectTo: '/home' });
        }])
        .controller('RootController',['$scope','$route','$routeParams','$location',function ($scope,$route,$routeParams,$location) {
            $scope.$on('$routeChangeSuccess',function (e,current,prevIoUs) {
                $scope.activeViewPath = $location.path();
            });
        }]);

index.html的:

<li class="mt" data-ng-class="{active : activeViewPath==='/home'}">
                    <a href='#/home'>
                        <i class="fa fa-dashboard"></i>
                        <span>Dashboard Home</span>
                    </a>
                </li>


  <div class="col-lg-9 main-chart" ng-view="">
                </div>

项目结构:

解决方法

在IIS上运行它时会出现任何JS错误吗?

你在使用捆绑包吗?如果是,请检查是否因为缩小/捆绑创建添加而发生问题
BundleTable.EnableOptimizations = true;
在RegisterBundles方法中再次尝试在VS.

否则,我建议您在本地IIS上运行(右键单击项目,选项卡“Web”,“服务器”部分),看看它是否正常工作.

根据您的路由,您应该< base href =“@ Url.Content(”〜/“)”/>在模板头部并使用$locationProvider.html5Mode(true)从网址中删除“#”;在路线配置.

如果以上都不是有用的,请在您的请求中添加更多详细信息.

祝你今天愉快,

阿尔贝托

原文链接:https://www.f2er.com/aspnet/251318.html

猜你在找的asp.Net相关文章