diff --git a/framework/src/Volo.Abp.AspNetCore.Components.Web.Theming/Bundling/AbpScripts.razor b/framework/src/Volo.Abp.AspNetCore.Components.Web.Theming/Bundling/AbpScripts.razor
index 921937a124..436a22fc0e 100644
--- a/framework/src/Volo.Abp.AspNetCore.Components.Web.Theming/Bundling/AbpScripts.razor
+++ b/framework/src/Volo.Abp.AspNetCore.Components.Web.Theming/Bundling/AbpScripts.razor
@@ -5,7 +5,12 @@
 {
     foreach (var file in ScriptFiles)
     {
-        <script src="@file"></script>
+        var src = file;
+        if (!AppBasePath.IsNullOrWhiteSpace())
+        {
+            src = AppBasePath.EnsureEndsWith('/') + file.RemovePreFix("/");
+        }
+        <script src="@src"></script>
     }
 }
 
@@ -19,6 +24,9 @@
     [Parameter]
     public string? BundleName { get; set; }
 
+    [Parameter]
+    public string? AppBasePath { get; set; }
+
     private List<string>? ScriptFiles { get; set; }
 
     private PersistingComponentStateSubscription _persistingSubscription;
diff --git a/framework/src/Volo.Abp.AspNetCore.Components.Web.Theming/Bundling/AbpStyles.razor b/framework/src/Volo.Abp.AspNetCore.Components.Web.Theming/Bundling/AbpStyles.razor
index 0b522c02e4..1c2ede488f 100644
--- a/framework/src/Volo.Abp.AspNetCore.Components.Web.Theming/Bundling/AbpStyles.razor
+++ b/framework/src/Volo.Abp.AspNetCore.Components.Web.Theming/Bundling/AbpStyles.razor
@@ -5,7 +5,12 @@
 {
     foreach (var file in StyleFiles)
     {
-        <link rel="stylesheet" href="@file" />
+        var href = file;
+        if (!AppBasePath.IsNullOrWhiteSpace())
+        {
+            href = AppBasePath.EnsureEndsWith('/') + file.RemovePreFix("/");
+        }
+        <link rel="stylesheet" href="@href" />
     }
 }
 
@@ -19,6 +24,9 @@
     [Parameter]
     public string? BundleName { get; set; }
 
+    [Parameter]
+    public string? AppBasePath { get; set; }
+
     private List<string>? StyleFiles { get; set; }
 
     private PersistingComponentStateSubscription _persistingSubscription;