diff --git a/src/pages/home/components/MyMovieList.vue b/src/pages/home/components/MyMovieList.vue
index 2ce12fb..2ef64f9 100644
--- a/src/pages/home/components/MyMovieList.vue
+++ b/src/pages/home/components/MyMovieList.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="movielist">
-    <div class="movie" v-for="movie in data">
+    <div class="movie" v-for="movie in data" :key="movie.id">
       <div class="img">
         <img :src="movie.img" alt="">
       </div>
@@ -15,7 +15,8 @@
         </div>
 
         <div class="btn-box">
-          <div class="btn">购买</div>
+          <div class="btn" :style="{ backgroundColor: movie.showStateButton.color }">{{ movie.showStateButton.content }}
+          </div>
         </div>
       </div>
 
diff --git a/vite.config.js b/vite.config.js
index d855638..d93da0f 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -19,4 +19,7 @@ export default defineConfig({
       "@": fileURLToPath(new URL("./src", import.meta.url)),
     },
   },
-});
\ No newline at end of file
+  server: {
+    host: "0.0.0.0",
+  },
+});