。

src/mixins/pagination.js

@@ -12,6 +12,7 @@ export default {
         this.getData();
     },
     methods: {
+        getData() {},
         onSizeChange(e) {
             this.page = 0;
             this.pageSize = e;
@@ -21,5 +22,12 @@ export default {
             this.page = e - 1;
             this.getData();
         },
+        handleRes(res) {
+            if (res.success) {
+                this.tableData = res.data.content;
+                this.totalPages = res.data.totalPages;
+                this.totalElements = res.data.totalElements;
+            }
+        },
     },
 };

src/plugins/http.js

@@ -60,7 +60,7 @@ export default {
                             {
                                 params: params,
                             },
-                            {},
+                            { withCredentials: true },
                         )
                         .then(res => {
                             if (res.status === 200) {
@@ -78,7 +78,7 @@ export default {
                 params = params || {};
                 return new Promise((resolve, reject) => {
                     axiosInstance
-                        .post(url, qs.stringify(params), {})
+                        .post(url, qs.stringify(params), { withCredentials: true })
                         .then(res => {
                             if (res.status === 200) {
                                 resolve(res.data);

src/views/Login.vue

@@ -96,6 +96,7 @@ export default {
                             }
                         })
                         .catch(e => {
+                            this.loading = false;
                             console.log(e);
                         });
                 }

src/views/Users.vue

@@ -1,13 +1,34 @@
 <template>
-    <div>users</div>
+    <div>
+        <el-table :data="tableData"></el-table>
+        <pagination
+            :page-size="pageSize"
+            :current-page="page"
+            :total="totalElements"
+            @size-change="onSizeChange"
+            @current-change="onCurrentChange"
+        ></pagination>
+    </div>
 </template>
 
 <script>
+import pagination from '@/mixins/pagination';
+
 export default {
     name: 'users',
+    mixins: [pagination],
     data() {
         return {};
     },
+    methods: {
+        getData() {
+            this.$http
+                .get('/user/all', {
+                    page: this.page,
+                })
+                .then(this.handleRes);
+        },
+    },
 };
 </script>