diff --git a/README.md b/README.md
index 17f40846..2a644f6b 100644
--- a/README.md
+++ b/README.md
@@ -30,6 +30,7 @@ npm install
 
 npm run dev
 ```
+Browser access: http://127.0.0.1:5173/
 
 
 # 📚 Features
diff --git a/README_zh.md b/README_zh.md
index 310f85db..d4730155 100644
--- a/README_zh.md
+++ b/README_zh.md
@@ -26,6 +26,7 @@ npm install
 
 npm run dev
 ```
+浏览器访问：http://127.0.0.1:5173/
 
 
 # 📚 功能列表
diff --git a/src/App.vue b/src/App.vue
index b813bbc3..656eb2f5 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -17,6 +17,7 @@ import { LOCALSTORAGE_KEY_DISCARDED_DB } from '@/configs/storage'
 import { deleteDiscardedDB } from '@/utils/database'
 import { isPC } from '@/utils/common'
 import type { Slide } from '@/types/slides'
+import message from './utils/message'
 import api from '@/services'
 
 import Editor from './views/Editor/index.vue'
@@ -38,6 +39,10 @@ if (import.meta.env.MODE !== 'development') {
 }
 
 onMounted(async () => {
+  if (location.hostname === 'localhost') {
+    message.error('请访问 http://127.0.0.1:5173/ 进入开发环境', { duration: 0 })
+    return
+  }
   api.getFileData('slides').then((slides: Slide[]) => {
     slidesStore.setSlides(slides)
   })