Question

我为前端创建了两个应用程序（使用AngularJs和Asp.Net MVC创建），而后端我使用了Web Api应用程序。

我正在尝试使用前端的表单身份验证来保护我的应用程序，并在后端实现基本表单身份验证。

当我在IIS中进行本地测试时，它工作正常。但是当我在Azure中托管我的应用程序时，带有身份验证属性的API调用将返回401未经授权的错误。

响应标题：

 Access-Control-Allow-Origin:*
    Cache-Control:no-cache
    Content-Length:0
    Date:Wed, 05 Oct 2016 11:08:30 GMT
    Expires:-1
    Pragma:no-cache
    Server:Microsoft-IIS/8.0
    Set-Cookie:ARRAffinity=925cd503f9e5771e9ad651c59baa4a1f678d93cac8b9da4dc9bcb64892ac8710;Path=/;Domain=FrontEnd.azurewebsites.net
    WWW-Authenticate:Basic realm="Backend.azurewebsites.net"
    X-AspNet-Version:4.0.30319
    X-Powered-By:ASP.NET

请求标题;

Accept:application/json, text/plain, */*
Accept-Encoding:gzip, deflate, sdch, br
Accept-Language:en-US,en;q=0.8
Cache-Control:no-cache
Connection:keep-alive
Host:backend.azurewebsites.net
Origin:http://FrontEnd.azurewebsites.net
Pragma:no-cache
Referer:http://FrontEnd.azurewebsites.net/
Token:null
User-Agent:Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.143 Safari/537.36

但是在本地连同请求标题

    Authorization: Basic dmlzaG53guFua2FyLnNha3Roadh4bEBnbWFpbC5jb206MTIzMTIz
   Cookie: __RequestVerificationToken_L3Nfg4dwc3Bh0=YGwlXkckjhg6xTESkI-lN9sNtDVsfefshsrvGWPKekmv_GLZ0Rq8eA5P8Z7sdf4trwbPX4WymcGJJrLamQLMe2Vf2D2fVUg4qJptOvcsCWg1; ASP.NET_SessionId=gk4s1rlsfg5gfeafo3455dkr; .ASPXAUTH=C8113FD23FC4902dsfrsdf5FB3399BA121703F41F9A57AEA50667F2AD4FC02F3D3955215A91F6A3A2EA4287202522380435A93D8BE78D45E6D24FB7E05F64653AE06E0026DEB2911343591563F70EE8EE76338F07CBABE6EA4B95359F3C31sdf9C999sdf2864849gfdB916A06gfds29E3C8D01D2371807E98335000D4D14B391CCE3zxcd49DB77696F4BB77E4434

传递

通过表单身份验证，来自azure frontEND app的请求中未添加授权和Cookie参数。

我查看了我的后端应用程序的身份验证/授权配置，它设置了off.can任何机构都知道问题是什么或我需要在azure portal中配置。谢谢提前。

Answer 1

这个问题是由于cors 你可以通过添加你的请求来解决这个问题，

 $http({
  ....
  headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
  withCredentials: true,
  })

Web API的

WEB.Config

 <system.webServer>
        <validation validateIntegratedModeConfiguration="false" />
            <handlers>
                <remove name="ExtensionlessUrlHandler-ISAPI-4.0_32bit" />
                <remove name="ExtensionlessUrlHandler-ISAPI-4.0_64bit" />
                <remove name="ExtensionlessUrlHandler-Integrated-4.0" />
                <remove name="OPTIONSVerbHandler" />
                <remove name="TRACEVerbHandler" />

                <add name="ExtensionlessUrlHandler-ISAPI-4.0_32bit" path="*." verb="GET,HEAD,POST,DEBUG,PUT,DELETE,PATCH,OPTIONS" modules="IsapiModule" scriptProcessor="%windir%\Microsoft.NET\Framework\v4.0.30319\aspnet_isapi.dll" preCondition="classicMode,runtimeVersionv4.0,bitness32" responseBufferLimit="0" />
                <add name="ExtensionlessUrlHandler-ISAPI-4.0_64bit" path="*." verb="GET,HEAD,POST,DEBUG,PUT,DELETE,PATCH,OPTIONS" modules="IsapiModule" scriptProcessor="%windir%\Microsoft.NET\Framework64\v4.0.30319\aspnet_isapi.dll" preCondition="classicMode,runtimeVersionv4.0,bitness64" responseBufferLimit="0" />
                <add name="ExtensionlessUrlHandler-Integrated-4.0" path="*." verb="*" type="System.Web.Handlers.TransferRequestHandler" preCondition="integratedMode,runtimeVersionv4.0" />
            </handlers>


            <httpProtocol>
                <customHeaders>
                    <add name="Access-Control-Allow-Origin" value="**FrontEnd URL**" />
                    <add name="Access-Control-Allow-Headers" value="Origin, X-Requested-With, Content-Type, Accept, Cache-Control" />
                    <add name="Access-Control-Allow-Credentials" value="true" />
                    <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS" />
                </customHeaders>
            </httpProtocol>
      </system.webServer>

你也可以引用这个URl： https://www.asp.net/web-api/overview/security/enabling-cross-origin-requests-in-web-api

Answer 2

这可能是因为它们不再托管在同一台计算机上（具体取决于您的Azure设置）。我自己也遇到过与user = Users.objects.get(id=some_id) file_count = user.filemodel.all().count()类似的问题。

按照以下网址中的说明匹配应用程序之间的设置，您应该没问题：

https://msdn.microsoft.com/en-us/library/eb0zx8fc.aspx

编辑：响应头中有machineKey，这可能不是正常的CORS问题，尽管Access-Control-Allow-Origin:*和CORS问题经常出现在一起。如果machineKey修复无效，请检查您如何处理CORS飞行前检查。请参阅my answer here。

OWIN：webapi调用返回Azure中未授权的401错误

2 个答案: