diff --git a/src/components/SearchGrade.vue b/src/components/SearchGrade.vue
index 97efe3d45ec5d0c09911b7c46ec0ed34b72c7a42..3bdf783a9f321d21ac26c1074dd107b3e37af50e 100644
--- a/src/components/SearchGrade.vue
+++ b/src/components/SearchGrade.vue
@@ -1,47 +1,14 @@
 <script setup>
-import axios from 'axios';
 import * as echarts from 'echarts';
 import Author from './Author.vue'
-
+import {tableColumns} from './const'
+import {getRemoteCsdnGrade} from '../service/csdnApi'
 import { onMounted, reactive, onUnmounted } from 'vue';
 const state = reactive({
   loading: false,
   searchValue: '',
   firstChart: null,
-  columns: [{
-    title: '文章名称',
-    dataIndex: 'title',
-    fixed: true
-  }, {
-    title: '链接',
-    key: 'url'
-  }, {
-    title: '浏览量',
-    dataIndex: 'viewCount',
-    sorter: (a, b) => a.viewCount - b.viewCount,
-  }, {
-    title: '评论量',
-    dataIndex: 'commentCount',
-    sorter: (a, b) => a.commentCount - b.commentCount,
-  }, {
-    title: '收藏量',
-    dataIndex: 'collectCount',
-    sorter: (a, b) => a.collectCount - b.collectCount,
-  },, {
-    title: '点赞量',
-    dataIndex: 'diggCount',
-    sorter: (a, b) => a.diggCount - b.diggCount,
-  },{
-    title: '质量分',
-    dataIndex: 'score',
-    sorter: (a, b) => a.score - b.score,
-  }, {
-    title: '建议',
-    dataIndex: 'message',
-  }, {
-    title: '发文时间',
-    dataIndex: 'postTime',
-  }],
+  columns:tableColumns,
   dataSource: [],
   pagination: {
     total: 0,
@@ -64,14 +31,12 @@ function changePageSize(current, pageSize) {
   state.pagination.pageSize = pageSize
 }
 const getCsdnData = (uId) => {
-
-  const url = 'https://yongma16.xyz/common-api/getCsdnGrade/'
   const data = {
     uId
   }
   state.loading = true
   state.pagination.current = 1
-  axios.post(url, data, { timeout: 100000 }).then(res => {
+  getRemoteCsdnGrade(data).then(res => {
     state.dataSource = res.data.data
     state.pagination.total = state.dataSource.length
     state.loading = false
@@ -241,6 +206,5 @@ function initFirstData() {
         <div id="first" style="width:100vw;height:900px;margin: 0 auto"></div>
       </a-spin>
     </div>
-
   </div>
 </template>
diff --git a/src/components/const.js b/src/components/const.js
new file mode 100644
index 0000000000000000000000000000000000000000..cc0cb428209677a11ba2ec20fab5f00a61bc5c4a
--- /dev/null
+++ b/src/components/const.js
@@ -0,0 +1,34 @@
+export const tableColumns= [{
+    title: '文章名称',
+    dataIndex: 'title',
+    fixed: true
+  }, {
+    title: '链接',
+    key: 'url'
+  }, {
+    title: '浏览量',
+    dataIndex: 'viewCount',
+    sorter: (a, b) => a.viewCount - b.viewCount,
+  }, {
+    title: '评论量',
+    dataIndex: 'commentCount',
+    sorter: (a, b) => a.commentCount - b.commentCount,
+  }, {
+    title: '收藏量',
+    dataIndex: 'collectCount',
+    sorter: (a, b) => a.collectCount - b.collectCount,
+  },, {
+    title: '点赞量',
+    dataIndex: 'diggCount',
+    sorter: (a, b) => a.diggCount - b.diggCount,
+  },{
+    title: '质量分',
+    dataIndex: 'score',
+    sorter: (a, b) => a.score - b.score,
+  }, {
+    title: '建议',
+    dataIndex: 'message',
+  }, {
+    title: '发文时间',
+    dataIndex: 'postTime',
+  }]
\ No newline at end of file
diff --git a/src/service/csdnApi.js b/src/service/csdnApi.js
new file mode 100644
index 0000000000000000000000000000000000000000..817debb4fb3c66ee4013bd2a1a81e1b231e4f49e
--- /dev/null
+++ b/src/service/csdnApi.js
@@ -0,0 +1,6 @@
+import axios from 'axios';
+
+const url = 'https://yongma16.xyz/common-api/getCsdnGrade/'
+export function getRemoteCsdnGrade(data){
+    return axios.post(url, data, { timeout: 100000 })
+}
\ No newline at end of file