Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Change Html base tag #36

Open
HTTPThanhLuan opened this issue Oct 6, 2022 · 2 comments
Open

Change Html base tag #36

HTTPThanhLuan opened this issue Oct 6, 2022 · 2 comments

Comments

@HTTPThanhLuan
Copy link

Is it possible to change html base tag?

<base href="/" />

The dev and production environment have different href value. I would like to change the value dynamically instead of manually.

@jsakamoto
Copy link
Owner

@HTTPThanhLuan

Unfortunately, the duty of changing the HTML base tag is over the cover area of this library.

However, you can change the HTML base tag dynamically in various ways.

  1. If your Blazor app is a Blazor Server app or an ASP.NET Core hosted Blazor WebAssembly app, you can change HTML base tag dynamically based on pre-rendering technic with the ASP.NET Core Razor Pages feature or ASP.NET MVC Views feature.
    see also: https://learn.microsoft.com/aspnet/core/blazor/components/prerendering-and-integration

  2. If your Blazor app is a Blazor WebAssembly app and you want to deploy it on GitHub Pages, you don't need to worry about how to change the HTML base tag. What you should do is only add the "PublishSPAforGitHubPages.Build" the NuGet package to your project. That package will take care of changing the HTML base tag automatically instead of you.
    see also: https://www.nuget.org/packages/PublishSPAforGitHubPages.Build#readme-body-tab

  3. If your Blazor app is a Blazor WebAssembly app, you can also configure your project (MSBuild script) to change the HTML base tag in the wwwroot/index.html in your project automatically by shell script every time you publish it.
    (I don't have examples how to implement this way)

  4. If your production environment is only one URL (you don't have more than one production environment), you can also configure your development environment's HTML base tag to be aligned with the production environment's. Actually, you don't need to stick the development environment base URL to be the root "/" URL.
    see also: https://learn.microsoft.com/aspnet/core/blazor/host-and-deploy/

Are there any options in the above list to fit your case?

@Alerinos
Copy link

@HTTPThanhLuan You can use this method as well.

        <environment include="Staging,Production">
            <base href="/prod/" />
        </environment>
        <environment include="Development">
           <base href="/dev/" />
        </environment>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants