加载集线器时出错。 确保您的集线器引用正确,例如
有两个页面:Login.aspx和Profile.aspx,它们是使用HTML和AngularJS构建的。
login.aspx页面使用ng-view获取Login-view或Signup View的模板。 使用的代码是:
视图存储在Template文件夹中,其名称为:loginTemplate.html和signupTemplate.html。
用于处理login.aspx页面的模块是:
var app_login = angular.module('JouralApp_login', ['ngRoute','ngAnimate']); var app_profile = angular.module('GameApp', []); app_login.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) { $locationProvider.html5Mode(true); $routeProvider .when('/login', { templateUrl: 'Jscript_Angular/Templates/loginTemplate.html', controller: 'loginController' }) .when('/signup', { templateUrl: 'Jscript_Angular/Templates/signupTemplate.html' }).otherwise({ redirectTo:'/login' }) }]);
现在创建了我的Profile.aspx,其HTML代码如下:
{{chat}}
在尝试将SignalR集成到我的项目中之前,每件事情都运转良好。 我做了两节课:
第1类:
[assembly: OwinStartup(typeof(Startup))] public class Startup { public void Configuration(IAppBuilder app) { app.MapSignalR(); } }
第2类:
public class ChatHub : Hub { public void SendMessage(string name, string message) { Clients.All.broadcastMessage(name, message); } }
我还制作了以下控制器以访问我的javascript函数:
app_profile.controller('chatController',['$scope', function ($scope) { $scope.name = 'Guest'; $scope.message = ''; $scope.messages = []; $scope.chatHub = null; $scope.chatHub = $.connection.chatHub; $.connection.hub.start(); $scope.chatHub.client.broadcastMessage = function (name, message) { var newMessage = name + " " + message; $scope.messages.push(newMessage); $scope.$apply(); }; $scope.newMessage = function () { $scope.chatHub.server.sendMessage($scope.name, $scope.message); $scope.message = ''; } }]);
现在,当我尝试访问我的个人资料页面时,它会显示错误
angular.js:13550错误:SignalR:加载集线器时出错。 确保您的集线器引用正确,例如。
此外,当我尝试访问localhost:5136 / signalsr / hubs时 ,它会将我重定向到我的登录页面,即: localhost:5136 / login
我认为问题是,它无法访问我创建的集线器,因为我使用angularJS为登录页面做了路由。
请帮我找到解决方案。
- AngularJS:如何获得系统远程?
- 是否可以在ASP.NET Web API和SPA中使用基于cookie的身份validation?
- 如何使用AngularJS删除一个项目后刷新项目列表?
- AngularJS与ASP.NET MVC混淆
- 凭据标志为“true”,但是“Access-Control-Allow-Credentials”
- 从C#Byte数组加载图像,并使用AngularJS将图像放在html标记中
- Angular路由模板URL是否支持ASP.Net MVC 5项目中的* .cshtml文件?
- C# – ObjectContext实例已被释放,不能再用于需要连接的操作
- Web API / OWIN,SignalR和授权