diff --git a/src/api/book.js b/src/api/book.js
index fd360be..eff6ced 100644
--- a/src/api/book.js
+++ b/src/api/book.js
@@ -4,6 +4,11 @@ export function getBookById(bookId) {
     return request.get(`/book/${bookId}`);
 }
 
+export function addVisitCount(params) {
+    return request.post('/book/visit', params);
+}
+
+
 export function getLastChapterAbout(params) {
     return request.get('/book/lastChapterAbout', { params });
 }
diff --git a/src/views/Book.vue b/src/views/Book.vue
index 23b6a42..744c98c 100644
--- a/src/views/Book.vue
+++ b/src/views/Book.vue
@@ -261,7 +261,7 @@
 import "@/assets/styles/book.css";
 import { reactive, toRefs, onMounted } from "vue";
 import { useRouter, useRoute } from "vue-router";
-import { getBookById,getLastChapterAbout,listRecBooks } from "@/api/book";
+import { getBookById,addVisitCount,getLastChapterAbout,listRecBooks } from "@/api/book";
 import Header from "@/components/common/Header";
 import Footer from "@/components/common/Footer";
 import author_head from "@/assets/images/author_head.png";
@@ -292,6 +292,7 @@ export default {
     const loadBook = async (bookId) => {
       const { data } = await getBookById(bookId);
       state.book = data;
+      addBookVisit(bookId)
     };
 
     const loadRecBooks = async (bookId) => {
@@ -315,6 +316,10 @@ export default {
       loadLastChapterAbout(bookId)
     };
 
+    const addBookVisit = async (bookId) => {
+      addVisitCount({bookId: bookId})
+    }
+
     return {
       ...toRefs(state),
       author_head,