diff --git a/app/oh-package.json5 b/app/oh-package.json5
index 058388d..bfbf670 100644
--- a/app/oh-package.json5
+++ b/app/oh-package.json5
@@ -7,7 +7,9 @@
   "license": "",
   "dependencies": {
     "@devwiki/common_ui": "file:../common_ui",
-    "@devwiki/base": "file:../base"
-  }
-}
-
+    "@devwiki/base": "file:../base",
+    "@ohos/axios": "^2.2.0"
+  },
+  "devDependencies": {},
+  "dynamicDependencies": {}
+}
\ No newline at end of file
diff --git a/app/src/main/ets/pages/Index.ets b/app/src/main/ets/pages/Index.ets
index 82a9004..6fae570 100644
--- a/app/src/main/ets/pages/Index.ets
+++ b/app/src/main/ets/pages/Index.ets
@@ -21,7 +21,8 @@ struct Index {
       items: [
         { name: 'WebPage', page: 'pages/web/WebPage' },
         { name: 'WebDialogPage', page: 'pages/web/WebDialogPage' },
-        { name: "TcpSocket", page: 'pages/net/TcpSocketPage'}
+        { name: "TcpSocket", page: 'pages/net/TcpSocketPage'},
+        { name: "RestAPI", page: 'pages/net/RestAPIPage'}
       ]
     },
     {
diff --git a/app/src/main/ets/pages/net/RestAPIPage.ets b/app/src/main/ets/pages/net/RestAPIPage.ets
new file mode 100644
index 0000000..2d49933
--- /dev/null
+++ b/app/src/main/ets/pages/net/RestAPIPage.ets
@@ -0,0 +1,40 @@
+import { Log } from '@devwiki/base/Index';
+import axios, { AxiosError, AxiosResponse } from '@ohos/axios'
+
+@Entry({routeName: "RestAPIPage"})
+@Component
+export struct RestAPIPage {
+
+  @State viewModel: RestAPIViewModel = new RestAPIViewModel();
+
+  build() {
+    Column() {
+      Button("Get").onClick(() =>{
+        this.viewModel.getServerVersion();
+      })
+
+      Text(this.viewModel.serverVersion);
+    }.justifyContent(FlexAlign.Start).alignItems(HorizontalAlign.Center)
+  }
+}
+
+
+class RestAPIViewModel {
+
+  serverVersion: string = '123'
+
+  getServerVersion() {
+    axios({
+      method: "post",
+      url: 'https://music.devwiki.net/rest/ping.view?v=1.16.1&c=myapp&f=json'
+    }).then((response: AxiosResponse) => {
+      if (response.status == 200) {
+        let version:string = response.data['subsonic-response']['serverVersion'];
+        this.serverVersion = version;
+        Log.i(`serverVersion: ${this.serverVersion}`)
+      }
+    }).catch((error: AxiosError) => {
+      Log.e(error.message);
+    })
+  }
+}
\ No newline at end of file
diff --git a/app/src/main/ets/pages/system/TimerPage.ets b/app/src/main/ets/pages/system/TimerPage.ets
new file mode 100644
index 0000000..8010698
--- /dev/null
+++ b/app/src/main/ets/pages/system/TimerPage.ets
@@ -0,0 +1,7 @@
+
+@Entry({routeName: "TimerPage"})
+@Component
+export struct TimerPage {
+  build() {
+  }
+}
\ No newline at end of file
diff --git a/app/src/main/resources/base/profile/main_pages.json b/app/src/main/resources/base/profile/main_pages.json
index 6fdc7ce..36352bf 100644
--- a/app/src/main/resources/base/profile/main_pages.json
+++ b/app/src/main/resources/base/profile/main_pages.json
@@ -9,6 +9,7 @@
     "pages/animation/CompTransitionPage",
     "pages/media/AVPlayerPage",
     "pages/system/SchemePage",
-    "pages/net/TcpSocketPage"
+    "pages/net/TcpSocketPage",
+    "pages/net/RestAPIPage"
   ]
 }