Publish site as application on IIS #2675
Replies: 13 comments 2 replies
-
|
Which version of the library are you using? If you use the application generated scoped css file, you don't need to include reboot. Also, you do not have to include the library's js file. This is loaded automatically. Maybe try with a template generated site first? |
Beta Was this translation helpful? Give feedback.
-
|
I just took the template project and try to install on IIS as application and still getting the errors. Version: 4.10.0 |
Beta Was this translation helpful? Give feedback.
-
|
Please post a zip of the project you have created. Otherwise this is going to stay a guessing game for us. |
Beta Was this translation helpful? Give feedback.
-
|
Will do |
Beta Was this translation helpful? Give feedback.
-
|
We don't have any of this issues on our production app which is also being hosted in IIS. Pretty sure you did something wrong in your project. |
Beta Was this translation helpful? Give feedback.
-
|
I'm moving this to the discussion, as I don't think this is an issue in the library but more in configuration, |
Beta Was this translation helpful? Give feedback.
-
|
Has anyone had any issue with a Blazor Server 8 app running on IIS as an application under a default site? |
Beta Was this translation helpful? Give feedback.
-
|
Have you moved pages in the class library? |
Beta Was this translation helpful? Give feedback.
-
|
I'm having similar issues. When hosting from its own Web Site, then all works well. When hosting as an Application (and Virtual Directory) under Default Web Site then the error occurs. When under its own Web Site and using "~/" as base href, then it also does not work. |
Beta Was this translation helpful? Give feedback.
-
|
I'm having same issue, loading the "reboot.css" file in a site hosted as application in IIS. I have a .net 9 WebApp with global render mode "InteractiveServer". And I'm using the "Microsoft.FluentUI.AspNetCore.Components" v4.11.9. <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<base href="/mySite/" />
<link rel="stylesheet" href="@Assets["app.css"]" />
<link rel="stylesheet" href="@Assets["MyFluentUiSite.styles.css"]" />
<ImportMap />
<link rel="icon" type="image/x-icon" href="favicon.png" />
<HeadOutlet @rendermode="InteractiveServer" />
</head>
<body>
<Routes @rendermode="InteractiveServer" />
<script src="_framework/blazor.web.js"></script>
</body>
</html>All other pages load correctly with the url "https://myhost/mySite/..."
Any idea what I'm doing wrong? |
Beta Was this translation helpful? Give feedback.
-
|
@marrale I think this might be related to the import statement within the Could you try removing the line @import '_content/Microsoft.FluentUI.AspNetCore.Components/css/reboot.css';From your <link href="@Assets["/_content/Microsoft.FluentUI.AspNetCore.Components/css/reboot.css"]" rel="stylesheet" />before: <link rel="stylesheet" href="@Assets["app.css"]" />in your I may not encounter this issue because I never changed the |
Beta Was this translation helpful? Give feedback.
-
|
@MarvinKlein1508 thanks for your hint, now it works as expected, I needed a small change from your suggestion, I removed the "/" before "_content": <link href="@Assets["_content/Microsoft.FluentUI.AspNetCore.Components/css/reboot.css"]" rel="stylesheet" />This is now my "App.razor" with a dynamic base path, this should work with any installation: <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<base />
<script>
var path = window.location.pathname.split('/');
var base = document.getElementsByTagName('base')[0];
if (window.location.host.includes('localhost')) {
base.setAttribute('href', '/');
} else if (path.length > 2) {
base.setAttribute('href', '/' + path[1] + '/');
} else if (path[path.length - 1].length != 0) {
window.location.replace(window.location.origin + window.location.pathname + '/' + window.location.search);
}
</script>
<link rel="stylesheet" href="@Assets["app.css"]" />
<link href="@Assets["_content/Microsoft.FluentUI.AspNetCore.Components/css/reboot.css"]" rel="stylesheet" />
<link rel="stylesheet" href="@Assets["MyFluentUiSite.styles.css"]" />
<ImportMap />
<link rel="icon" type="image/x-icon" href="favicon.png" />
<HeadOutlet @rendermode="InteractiveServer" />
</head>
<body>
<Routes @rendermode="InteractiveServer" />
<script src="_framework/blazor.web.js"></script>
</body>
</html>And this is the commented out first line in "app.css": |
Beta Was this translation helpful? Give feedback.
-
|
thanks for verifying @marrale @vnbaaij is there any reason the import is being done in |
Beta Was this translation helpful? Give feedback.
-
|
It is done in It should be possible to have an But instead of changing the template, it might be more convenient (as it works normally in almost all cases) to document this setup in the https://www.fluentui-blazor.net/CodeSetup#reboot section. @MarvinKlein1508 may I ask you to contribute to that? |
Beta Was this translation helpful? Give feedback.
-
|
Will create a PR later :) |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
Here is the app.razor file:
I've used Mudblazor in the past with no issues. I've trying changing the base href too.
Thanks
Beta Was this translation helpful? Give feedback.
All reactions