修复table太窄的bug，改用server测试

src/App.vue

@@ -65,7 +65,7 @@ export default {
   data: () => ({
     tab: 'pending',
     pwdMD5: '7f5029bbd4daae18f3ae4cd910f0f4f0',
-    pwd: ''
+    pwd: 'qwe410410'
   }),
   methods: {
     calcPwdMD5 () {

src/components/viewer/Table.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-container>
+  <div class="table-container">
     <v-card elevation="0">
       <!-- 表格上功能区 -->
       <v-card-title>
@@ -107,7 +107,7 @@
         <template v-slot:item.tradeInfo="{ item }">
           <div v-if="page.name === 'Pending Page'">
             <div class="tradeInfoBtn" @click="showTradeInfo(item)">
-              <v-chip v-for="tokenAddress in item.tokenAddressList"
+              <v-chip v-for="tokenAddress in item.tokenAddressList" :key='tokenAddress'
                       :color="item.tokenMap[tokenAddress] ? hashKit.generateColorByHash(tokenAddress) : undefined" class="tokenChip">
                 {{ item.tokenMap[tokenAddress] ? item.tokenMap[tokenAddress] : hashKit.headAndEnd2(tokenAddress) }}
               </v-chip>
@@ -136,7 +136,7 @@
         </v-card-actions>
       </v-card>
     </v-dialog>
-  </v-container>
+  </div>
 </template>
 
 <script>
@@ -179,9 +179,10 @@ export default {
 </script>
 
 <style scoped>
-#dataTable {
-  height: 410px;
+.table-container {
+  width: 100%;
 }
+
 #dataTableHeader {
   max-width: none;
 }

vue.config.js

@@ -6,7 +6,7 @@ module.exports = {
   devServer: {
     proxy: {
       '/api': {
-        target:'http://localhost:8088',
+        target:'http://192.168.101.42:8088',
         changeOrigin:true,
         pathRewrite:{
           '^/api': ''