Home url auto added "/#" after upgraded to v10 #10196

8 Answer(s)

• 

  0

  AI-Bot created 9 months ago

  Support Team ABP Agent

  1. Solution

  • What you’re seeing is the hash (“/#”) at the end of the URL when clicking the “Home” menu item in Blazor Server after upgrading to ABP v10. This comes from the menu item’s Url being empty (or “/”) while the rendered anchor uses a fallback “#” (hash) to avoid navigation. In ABP v10’s LeptonX Blazor menu component, a leaf item with a null/empty Url is rendered with “#”, which changes the browser URL to “/#” but still keeps you on the home page.
  • Fix options:
    1. Set an explicit Url for the Home menu item to “/” (root), so the anchor doesn’t fall back to “#”.
       • If you add Home via menu contributor:

  context.Menu.AddItem(
           new ApplicationMenuItem(
             "MyHome",
             "Home",
             url: "/",
             icon: "fa fa-home",
             order: 0
           )
         );
  

   - If you customize the built-in Home item, ensure its Url is “/” (not null/empty).
  

  2. If you have customized the LeptonX side menu component (MainMenuItem.razor) and kept the fallback behavior, adjust it so that the fallback uses “/” instead of “#”:

  var url = string.IsNullOrWhiteSpace(MenuItem.MenuItem.Url)
         ? "/"
         : MenuItem.MenuItem.Url.TrimStart('/', '~');
  

  3. If you do not explicitly register a Home item, create one with Url “/” so navigation uses a proper path instead of hash.

  • After the change, restart the app and verify that clicking “Home” results in “https://localhost:port/” (no “/#”), and your custom code relying on clean URLs will work again.

  2. Sources

  • Blazor UI routing basics (ABP uses Blazor’s router): https://abp.io/docs/latest/framework/ui/blazor/routing

  ---

  This response was generated by AI. If it didn’t solve your problem, feel free to post a new answer — our support team will jump in to help you soon.

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  hanntd created 9 months ago

  My Home was added from menu contributor: context.Menu.AddItem(new ApplicationMenuItem( XspireMenus.Home, l["Menu:Home"], "/", icon: "fas fa-home", order: 1 ));

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  hanntd created 9 months ago

  your AI suggestion not is the solution for me

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  hanntd created 9 months ago

  it is not the solution, the issue still existing

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  maliming created 9 months ago

  Support Team Fullstack Developer

  hi @hanntd

  I will check it.

  Thanks.

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  maliming created 9 months ago

  Support Team Fullstack Developer

  hi

  We will change this behavior in the next version. You can use a new route for home

  eg: /Home instead of /

  Thanks

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  hanntd created 9 months ago

  thanks

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel
• 

  0

  maliming created 9 months ago

  Support Team Fullstack Developer

  : )

  Markdown supported.

  Copy, paste, or drag & drop images and files (max 100 MB per file, 100 MB total per post)

  Save Cancel