diff --git a/nginx.conf b/nginx.conf
index 72a6ae0..fa76afd 100644
--- a/nginx.conf
+++ b/nginx.conf
@@ -31,6 +31,14 @@ server {
         proxy_set_header X-Forwarded-Proto $scheme;
     }
 
+    location /food-hub/ {
+        proxy_pass http://host.docker.internal:85/;
+        proxy_set_header Host $host;
+        proxy_set_header X-Real-IP $remote_addr;
+        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+        proxy_set_header X-Forwarded-Proto $scheme;
+    }
+
     location /home-api/ {
         proxy_pass http://host.docker.internal:8081/;
     }
@@ -39,6 +47,10 @@ server {
         proxy_pass http://host.docker.internal:8082/;
     }
 
+    location /food-api/ {
+        proxy_pass http://host.docker.internal:8083/;
+    }
+
 	location / {
 		try_files $uri $uri/ =404;
 	}
diff --git a/src/App.vue b/src/App.vue
index 00b14f0..e5700e9 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -48,13 +48,19 @@
     </div>
 
     <div class="footer-content">
-      <p>© Cxx0822 | V1.0.0</p>
+      <p>© Cxx0822 | V1.0.0
+        <el-button v-if="isMobile()"
+                   :icon="Refresh" type="primary"
+                   circle size="small" @click="refreshClick"
+        />
+      </p>
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
 import { isMobile } from "./utils"
+import { Refresh } from '@element-plus/icons-vue'
 import { ElMessage } from "element-plus"
 
 const blogClick = () => {
@@ -96,6 +102,10 @@ const blogAdminClick = () => {
 const resumeClick = () => {
   ElMessage.info('敬请期待')
 }
+
+const refreshClick = () => {
+  location.reload()
+}
 </script>
 
 <style lang="scss">
@@ -155,6 +165,8 @@ const resumeClick = () => {
     right: 0;
 
     color: #2B2B2C;
+    font-size: large;
+    font-family: "Times New Roman", "Palatino Linotype", serif;
     padding: 10px;
     text-align: center;
     box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);