diff --git a/src/assets/background_dark.jpg b/public/background/dark.jpg
similarity index 100%
rename from src/assets/background_dark.jpg
rename to public/background/dark.jpg
diff --git a/src/assets/background_light.jpg b/public/background/light.jpg
similarity index 100%
rename from src/assets/background_light.jpg
rename to public/background/light.jpg
diff --git a/src/views/login.vue b/src/views/login.vue
index 54259d12..b5ad5b90 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -301,7 +301,7 @@ function fnChangeLocale(e: any) {
 
   // background: url('./../assets/black_dot.png') 0% 0% / 14px 14px repeat;
 
-  background-image: url(@/assets/background_light.jpg);
+  background-image: url(/background/light.jpg);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center center;
@@ -350,7 +350,7 @@ function fnChangeLocale(e: any) {
 }
 
 [data-theme='dark'] .container {
-  background-image: url(@/assets/background_dark.jpg);
+  background-image: url(/background/dark.jpg);
   background-color: #141414;
 }
 
diff --git a/src/views/system/quick-start/index.vue b/src/views/system/quick-start/index.vue
index cc031464..dfd7cd86 100644
--- a/src/views/system/quick-start/index.vue
+++ b/src/views/system/quick-start/index.vue
@@ -79,14 +79,14 @@ onMounted(() => {
 
   // background: url('./../assets/black_dot.png') 0% 0% / 14px 14px repeat;
 
-  background-image: url(@/assets/background_light.jpg);
+  background-image: url(/background/light.jpg);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center center;
 }
 
 [data-theme='dark'] .container {
-  background-image: url(@/assets/background_dark.jpg);
+  background-image: url(/background/dark.jpg);
   background-color: #141414;
 }