Problem with Hosted Blazor app not getting json result from api calls

Question

Problem with Hosted Blazor app not getting json result from api calls

Jai Holloway 60

Hi there

I wrote an app about 2 years ago that has been running fine, but this month the published version of the app no longer functions. Each call to an api, although I get a 200, returns html as the response. All calls to the api's return html.

I ran it locally in debug and it works as expected, it's just the published version that doesn't work. I tried remote debugging, but it doesn't load the symbols for the client and that is what I need to debug.

I don't know what caused this behaviour and it's a business critical app. Any help would be appreciated.

Jai Holloway 60 Reputation points

2025-05-29T09:52:12.85+00:00

Just another point here, I managed to put a breakpoint in the server project. It was never hit when it's the first thing that happens on the index page after you log in.

Jai Holloway 60

Another point here, even postman doesn't hit the endpoint. It just returns

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>RoyaltyRatesUsers</title>
    <base href="/" />
    <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" />
    <link href="css/app.css" rel="stylesheet" />
    <link rel="icon" type="image/png" href="favicon.png" />
    <link href="RoyaltyRatesUsers.Client.styles.css" rel="stylesheet" />
    <script src="_content/Telerik.UI.for.Blazor/js/telerik-blazor.js" defer></script>
    <link rel="stylesheet" href="_content/Telerik.UI.for.Blazor/css/kendo-theme-default/all.css" />
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet" />
</head>

<body>
    <div id="app">
        <svg class="loading-progress">
            <circle r="40%" cx="50%" cy="50%" />
            <circle r="40%" cx="50%" cy="50%" />
        </svg>
        <div class="loading-progress-text"></div>
    </div>

    <div id="blazor-error-ui">
        An unhandled error has occurred.
        <a href="" class="reload">Reload</a>
        <a class="dismiss">🗙</a>
    </div>
    <script src="_content/Microsoft.Authentication.WebAssembly.Msal/AuthenticationService.js"></script>
    <script src="_framework/blazor.webassembly.js"></script>
</body>

</html>

1 answer

Your answer

Jai Holloway 60 Reputation points

2025-05-29T09:52:12.85+00:00

Just another point here, I managed to put a breakpoint in the server project. It was never hit when it's the first thing that happens on the index page after you log in.
Jai Holloway 60 Reputation points

2025-05-29T09:54:46.1466667+00:00

Another point here, even postman doesn't hit the endpoint. It just returns

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title>RoyaltyRatesUsers</title> <base href="/" /> <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet" /> <link href="css/app.css" rel="stylesheet" /> <link rel="icon" type="image/png" href="favicon.png" /> <link href="RoyaltyRatesUsers.Client.styles.css" rel="stylesheet" /> <script src="_content/Telerik.UI.for.Blazor/js/telerik-blazor.js" defer></script> <link rel="stylesheet" href="_content/Telerik.UI.for.Blazor/css/kendo-theme-default/all.css" /> <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet" /> </head> <body> <div id="app"> <svg class="loading-progress"> <circle r="40%" cx="50%" cy="50%" /> <circle r="40%" cx="50%" cy="50%" /> </svg> <div class="loading-progress-text"></div> </div> <div id="blazor-error-ui"> An unhandled error has occurred. <a href="" class="reload">Reload</a> <a class="dismiss">🗙</a> </div> <script src="_content/Microsoft.Authentication.WebAssembly.Msal/AuthenticationService.js"></script> <script src="_framework/blazor.webassembly.js"></script> </body> </html>

Answer 1

Bruce (SqlWork.com) 78,316 Volunteer Moderator

it looks the api calls redirect to login rather than return a 401 error on access denied.

Share via

Problem with Hosted Blazor app not getting json result from api calls

1 answer

Your answer