HTTP错误405.0-从angularjs应用访问web-api时不允许使用方法

Question

我正在创建一个Anjular js应用程序，其中已创建一个登录页面并使用Web API对其进行即时身份验证。 这是返回json且正在正常运行的控制器。

[Route("api/Customer/{id}/{pass}")]
public IEnumerable GetCustomer(string id, string pass)
{
        var list = repository.Get(id, pass);

        if (list != null)
        {
            return list;
        }
        else
        {
            return null;
        }
}

这是控制器在角度应用程序（demoApi.js）中访问api

(function () {
    'use strict';
    var DemoApi = function ($http) {
    var loginCheck = function (username, password) {
        return $http.get("http://localhost:8115/api/Customer/" +username+"/"+password)
            .then(function (response) {
                return response.data;
            });
        };
        return {
             loginCheck: loginCheck
        }
    };

    var app = angular.module("angularApp");
    app.factory("DemoApi", DemoApi);

}());

这是登录控制器（loginController.js）

(function () {
var app = angular.module("angularApp");

var loginController = function ($scope, $http, bankApi, $location) {
    var userDetails = {
        username: $scope.uName,
        password: $scope.uPassword
    };

    $scope.login = function () {
        DemoApi.loginCheck(userDetails.username, userDetails.password)
            .then(onLogin, onError);
    };

    var onError = function (reason) {
        $scope.error = "Could not fetch the data.";

    };
    var onLogin = function (data) {
        $scope.details = data;
        $location.path("/info");
    };
}

app.controller('loginController', loginController);
}());

这是我链接了所有脚本的索引页

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="angularApp">
    <head>
   <title>Ebank</title>
   <script src="Scripts/angular.js"></script>
   <script src="Scripts/angular-route.js"></script>
   <link href="Content/bootstrap.min.css" rel="stylesheet" />
   <script src="lib/app.js"></script>
   <script src="lib/bankApi.js"></script>   
   <script src="lib/loginController.js"></script>
   <script src="lib/infoController.js"></script>
   </head>
   <body style="background-color:#333">
   <div ng-view></div>
   </body>
</html>

给我提供一个解决方案，为什么我不能从demoApi.js调用api如果我直接从html页面调用此api但没有从demoApi.js接收响应，为什么我得到响应

Answer 1

很可能您遇到了CORS问题。 您需要启用CORS。 请遵循以下提到的步骤。

打开位于C：\\ Program Files（x86）\\ IIS Express \\ AppServer上的IISExpress配置文件applicationhost.config。
搜索“ httpProtocol”标签。 在其中检查“ customHeaders”标签是否存在。 如果没有，则添加它。
在“ customHeaders”标签内添加以下两个标签。

<add name="Access-Control-Allow-Origin" value="*" /> <add name="Access-Control-Allow-Headers" value="Content-Type" />

或者，您可以在命令提示符下使用以下命令以禁用安全性的模式运行chorme浏览器，然后尝试从那里访问您的网站。

chrome.exe的完整路径--disable-web-security --user-data-dir

请注意，它只是测试您的应用程序的解决方法，但是在生产部署中，您需要启用CORS。

HTTP错误405.0-从angularjs应用访问web-api时不允许使用方法

问题描述

1 个解决方案

解决方案1
0 2016-12-03 18:12:09

HTTP错误405.0-从angularjs应用访问web-api时不允许使用方法

问题描述

1 个解决方案

解决方案1 0 2016-12-03 18:12:09

解决方案1
0 2016-12-03 18:12:09