diff --git a/src/components/Monthly.vue b/src/components/Monthly/Monthly.vue
similarity index 98%
rename from src/components/Monthly.vue
rename to src/components/Monthly/Monthly.vue
index da22b94..6f4232b 100644
--- a/src/components/Monthly.vue
+++ b/src/components/Monthly/Monthly.vue
@@ -227,12 +227,12 @@ export default {
 
 .el-carousel__item:nth-child(2n) {
     background-size: cover;
-    background-image: url("../../src/assets/images/美人.jpg");
+    background-image: url("../../assets/images/美人.jpg");
 }
 
 .el-carousel__item:nth-child(2n+1) {
     background-size: cover;
-    background-image: url("../../src/assets/images/美人.jpg");
+    background-image: url("../../assets/images/美人.jpg");
 }
 .card_style{
     height:390px;
diff --git a/src/components/MonthlyDetail.vue b/src/components/Monthly/MonthlyDetail.vue
similarity index 98%
rename from src/components/MonthlyDetail.vue
rename to src/components/Monthly/MonthlyDetail.vue
index fcee0e7..7b58326 100644
--- a/src/components/MonthlyDetail.vue
+++ b/src/components/Monthly/MonthlyDetail.vue
@@ -64,7 +64,7 @@
 
 <script>
 import axios from "axios";
-import Monthly from "@/components/Monthly.vue";
+import Monthly from "@/components/Monthly/Monthly.vue";
 
 export default {
     name: "MonthlyDetailComponent",
diff --git a/src/router/index.js b/src/router/index.js
index 0742d50..da40d85 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -2,10 +2,10 @@ import Vue from 'vue'
 import VueRouter from 'vue-router'
 import index from '../views/index.vue'
 import home from "@/components/Home/Home.vue";
-import monthly from "@/components/Monthly.vue";
+import monthly from "@/components/Monthly/Monthly.vue";
 import ranking from "@/components/Ranking.vue";
 import paper from "@/components/Paper.vue";
-import MonthlyDetail from "@/components/MonthlyDetail.vue";
+import MonthlyDetail from "@/components/Monthly/MonthlyDetail.vue";
 import UserInfoPage from "@/components/UserInfoPage.vue";
 
 Vue.use(VueRouter)