diff --git a/axios.xmind b/axios.xmind
new file mode 100644
index 0000000..7dd4ba1
Binary files /dev/null and b/axios.xmind differ
diff --git a/package-lock.json b/package-lock.json
index 67a6e9e..1376051 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,8 +8,10 @@
       "name": "wodexiangmu",
       "version": "0.1.0",
       "dependencies": {
+        "axios": "^0.26.1",
         "core-js": "^3.8.3",
         "element-ui": "^2.15.6",
+        "vant": "^2.12.44",
         "vue": "^2.6.14",
         "vue-router": "^3.5.3"
       },
@@ -1619,7 +1621,6 @@
       "version": "7.17.2",
       "resolved": "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.17.2.tgz",
       "integrity": "sha512-hzeyJyMA1YGdJTuWU0e/j4wKXrU4OMFvY2MSlaI9B7VQb0r5cxTE3EAIS2Q7Tn2RIcDkRvTA/v2JsAEhxe99uw==",
-      "dev": true,
       "dependencies": {
         "regenerator-runtime": "^0.13.4"
       },
@@ -1826,6 +1827,11 @@
       "integrity": "sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==",
       "dev": true
     },
+    "node_modules/@popperjs/core": {
+      "version": "2.11.2",
+      "resolved": "https://registry.npmmirror.com/@popperjs/core/-/core-2.11.2.tgz",
+      "integrity": "sha512-92FRmppjjqz29VMJ2dn+xdyXZBrMlE42AV6Kq6BwjWV7CNUW1hs2FtxSNLQE+gJhaZ6AAmYuO9y8dshhcBl7vA=="
+    },
     "node_modules/@sideway/address": {
       "version": "4.1.3",
       "resolved": "https://registry.npmmirror.com/@sideway/address/-/address-4.1.3.tgz",
@@ -2137,11 +2143,23 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@vant/icons": {
+      "version": "1.7.3",
+      "resolved": "https://registry.npmmirror.com/@vant/icons/-/icons-1.7.3.tgz",
+      "integrity": "sha512-tW4EqzxN4kXw1rnlnQJQHofEifPbt/gECOWiibomht8QLyvoGuE4iUmDFS288dJ07ZjuTy0bhdABj0SENo2fmQ=="
+    },
+    "node_modules/@vant/popperjs": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/@vant/popperjs/-/popperjs-1.1.0.tgz",
+      "integrity": "sha512-8MD1gz146awV/uPxYjz4pet22f7a9YVKqk7T+gFkWFwT9mEcrIUEg/xPrdOnWKLP9puXyYtm7oVfSDSefZ/p/w==",
+      "dependencies": {
+        "@popperjs/core": "^2.9.2"
+      }
+    },
     "node_modules/@vue/babel-helper-vue-jsx-merge-props": {
       "version": "1.2.1",
       "resolved": "https://registry.npmmirror.com/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.2.1.tgz",
-      "integrity": "sha512-QOi5OW45e2R20VygMSNhyQHvpdUwQZqGPc748JLGCYEy+yp8fNFNdbNIGAgZmi9e+2JHPd6i6idRuqivyicIkA==",
-      "dev": true
+      "integrity": "sha512-QOi5OW45e2R20VygMSNhyQHvpdUwQZqGPc748JLGCYEy+yp8fNFNdbNIGAgZmi9e+2JHPd6i6idRuqivyicIkA=="
     },
     "node_modules/@vue/babel-helper-vue-transform-on": {
       "version": "1.0.2",
@@ -3181,6 +3199,14 @@
         "postcss": "^8.1.0"
       }
     },
+    "node_modules/axios": {
+      "version": "0.26.1",
+      "resolved": "https://registry.npmmirror.com/axios/-/axios-0.26.1.tgz",
+      "integrity": "sha512-fPwcX4EvnSHuInCMItEhAGnaSEXRBjtzh9fOtsE6E1G6p7vl7edEeZe11QHf18+6+9gR5PbKV/sGKNaD8YaMeA==",
+      "dependencies": {
+        "follow-redirects": "^1.14.8"
+      }
+    },
     "node_modules/babel-helper-vue-jsx-merge-props": {
       "version": "2.0.3",
       "resolved": "https://registry.npmmirror.com/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-2.0.3.tgz",
@@ -5645,7 +5671,6 @@
       "version": "1.14.9",
       "resolved": "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.14.9.tgz",
       "integrity": "sha512-MQDfihBQYMcyy5dhRDJUHcw7lb2Pv/TuE6xP1vyraLukNDHKbDxDNaOE3NbCAdKQApno+GPRyo1YAp89yCjK4w==",
-      "dev": true,
       "engines": {
         "node": ">=4.0"
       },
@@ -8700,8 +8725,7 @@
     "node_modules/regenerator-runtime": {
       "version": "0.13.9",
       "resolved": "https://registry.npmmirror.com/regenerator-runtime/-/regenerator-runtime-0.13.9.tgz",
-      "integrity": "sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA==",
-      "dev": true
+      "integrity": "sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA=="
     },
     "node_modules/regenerator-transform": {
       "version": "0.14.5",
@@ -9925,6 +9949,21 @@
         "spdx-expression-parse": "^3.0.0"
       }
     },
+    "node_modules/vant": {
+      "version": "2.12.44",
+      "resolved": "https://registry.npmmirror.com/vant/-/vant-2.12.44.tgz",
+      "integrity": "sha512-0ZRq0v+26Ny6Ezt3M1GEN5KLEh6vVp6rBmQENi6jd0HejgpwfCRUWTFCH9sQqB3LhfxJ7ywHmrLAn5oj1eHozA==",
+      "dependencies": {
+        "@babel/runtime": "7.x",
+        "@vant/icons": "^1.7.1",
+        "@vant/popperjs": "^1.1.0",
+        "@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
+        "vue-lazyload": "1.2.3"
+      },
+      "peerDependencies": {
+        "vue": ">= 2.6.0"
+      }
+    },
     "node_modules/vary": {
       "version": "1.1.2",
       "resolved": "https://registry.npmmirror.com/vary/-/vary-1.1.2.tgz",
@@ -10026,6 +10065,11 @@
       "integrity": "sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog==",
       "dev": true
     },
+    "node_modules/vue-lazyload": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmmirror.com/vue-lazyload/-/vue-lazyload-1.2.3.tgz",
+      "integrity": "sha512-DC0ZwxanbRhx79tlA3zY5OYJkH8FYp3WBAnAJbrcuoS8eye1P73rcgAZhyxFSPUluJUTelMB+i/+VkNU/qVm7g=="
+    },
     "node_modules/vue-loader": {
       "version": "17.0.0",
       "resolved": "https://registry.npmmirror.com/vue-loader/-/vue-loader-17.0.0.tgz",
@@ -11960,7 +12004,6 @@
       "version": "7.17.2",
       "resolved": "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.17.2.tgz",
       "integrity": "sha512-hzeyJyMA1YGdJTuWU0e/j4wKXrU4OMFvY2MSlaI9B7VQb0r5cxTE3EAIS2Q7Tn2RIcDkRvTA/v2JsAEhxe99uw==",
-      "dev": true,
       "requires": {
         "regenerator-runtime": "^0.13.4"
       }
@@ -12130,6 +12173,11 @@
       "integrity": "sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==",
       "dev": true
     },
+    "@popperjs/core": {
+      "version": "2.11.2",
+      "resolved": "https://registry.npmmirror.com/@popperjs/core/-/core-2.11.2.tgz",
+      "integrity": "sha512-92FRmppjjqz29VMJ2dn+xdyXZBrMlE42AV6Kq6BwjWV7CNUW1hs2FtxSNLQE+gJhaZ6AAmYuO9y8dshhcBl7vA=="
+    },
     "@sideway/address": {
       "version": "4.1.3",
       "resolved": "https://registry.npmmirror.com/@sideway/address/-/address-4.1.3.tgz",
@@ -12419,11 +12467,23 @@
         "@types/node": "*"
       }
     },
+    "@vant/icons": {
+      "version": "1.7.3",
+      "resolved": "https://registry.npmmirror.com/@vant/icons/-/icons-1.7.3.tgz",
+      "integrity": "sha512-tW4EqzxN4kXw1rnlnQJQHofEifPbt/gECOWiibomht8QLyvoGuE4iUmDFS288dJ07ZjuTy0bhdABj0SENo2fmQ=="
+    },
+    "@vant/popperjs": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/@vant/popperjs/-/popperjs-1.1.0.tgz",
+      "integrity": "sha512-8MD1gz146awV/uPxYjz4pet22f7a9YVKqk7T+gFkWFwT9mEcrIUEg/xPrdOnWKLP9puXyYtm7oVfSDSefZ/p/w==",
+      "requires": {
+        "@popperjs/core": "^2.9.2"
+      }
+    },
     "@vue/babel-helper-vue-jsx-merge-props": {
       "version": "1.2.1",
       "resolved": "https://registry.npmmirror.com/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.2.1.tgz",
-      "integrity": "sha512-QOi5OW45e2R20VygMSNhyQHvpdUwQZqGPc748JLGCYEy+yp8fNFNdbNIGAgZmi9e+2JHPd6i6idRuqivyicIkA==",
-      "dev": true
+      "integrity": "sha512-QOi5OW45e2R20VygMSNhyQHvpdUwQZqGPc748JLGCYEy+yp8fNFNdbNIGAgZmi9e+2JHPd6i6idRuqivyicIkA=="
     },
     "@vue/babel-helper-vue-transform-on": {
       "version": "1.0.2",
@@ -13263,6 +13323,14 @@
         "postcss-value-parser": "^4.2.0"
       }
     },
+    "axios": {
+      "version": "0.26.1",
+      "resolved": "https://registry.npmmirror.com/axios/-/axios-0.26.1.tgz",
+      "integrity": "sha512-fPwcX4EvnSHuInCMItEhAGnaSEXRBjtzh9fOtsE6E1G6p7vl7edEeZe11QHf18+6+9gR5PbKV/sGKNaD8YaMeA==",
+      "requires": {
+        "follow-redirects": "^1.14.8"
+      }
+    },
     "babel-helper-vue-jsx-merge-props": {
       "version": "2.0.3",
       "resolved": "https://registry.npmmirror.com/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-2.0.3.tgz",
@@ -15258,8 +15326,7 @@
     "follow-redirects": {
       "version": "1.14.9",
       "resolved": "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.14.9.tgz",
-      "integrity": "sha512-MQDfihBQYMcyy5dhRDJUHcw7lb2Pv/TuE6xP1vyraLukNDHKbDxDNaOE3NbCAdKQApno+GPRyo1YAp89yCjK4w==",
-      "dev": true
+      "integrity": "sha512-MQDfihBQYMcyy5dhRDJUHcw7lb2Pv/TuE6xP1vyraLukNDHKbDxDNaOE3NbCAdKQApno+GPRyo1YAp89yCjK4w=="
     },
     "forwarded": {
       "version": "0.2.0",
@@ -17597,8 +17664,7 @@
     "regenerator-runtime": {
       "version": "0.13.9",
       "resolved": "https://registry.npmmirror.com/regenerator-runtime/-/regenerator-runtime-0.13.9.tgz",
-      "integrity": "sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA==",
-      "dev": true
+      "integrity": "sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA=="
     },
     "regenerator-transform": {
       "version": "0.14.5",
@@ -18600,6 +18666,18 @@
         "spdx-expression-parse": "^3.0.0"
       }
     },
+    "vant": {
+      "version": "2.12.44",
+      "resolved": "https://registry.npmmirror.com/vant/-/vant-2.12.44.tgz",
+      "integrity": "sha512-0ZRq0v+26Ny6Ezt3M1GEN5KLEh6vVp6rBmQENi6jd0HejgpwfCRUWTFCH9sQqB3LhfxJ7ywHmrLAn5oj1eHozA==",
+      "requires": {
+        "@babel/runtime": "7.x",
+        "@vant/icons": "^1.7.1",
+        "@vant/popperjs": "^1.1.0",
+        "@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
+        "vue-lazyload": "1.2.3"
+      }
+    },
     "vary": {
       "version": "1.1.2",
       "resolved": "https://registry.npmmirror.com/vary/-/vary-1.1.2.tgz",
@@ -18676,6 +18754,11 @@
       "integrity": "sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog==",
       "dev": true
     },
+    "vue-lazyload": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmmirror.com/vue-lazyload/-/vue-lazyload-1.2.3.tgz",
+      "integrity": "sha512-DC0ZwxanbRhx79tlA3zY5OYJkH8FYp3WBAnAJbrcuoS8eye1P73rcgAZhyxFSPUluJUTelMB+i/+VkNU/qVm7g=="
+    },
     "vue-loader": {
       "version": "17.0.0",
       "resolved": "https://registry.npmmirror.com/vue-loader/-/vue-loader-17.0.0.tgz",
diff --git a/package.json b/package.json
index e211ea2..d2aaa73 100644
--- a/package.json
+++ b/package.json
@@ -8,8 +8,10 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "axios": "^0.26.1",
     "core-js": "^3.8.3",
     "element-ui": "^2.15.6",
+    "vant": "^2.12.44",
     "vue": "^2.6.14",
     "vue-router": "^3.5.3"
   },
diff --git a/src/components/aaa.vue b/src/components/aaa.vue
index d78c3ff..9d437e7 100644
--- a/src/components/aaa.vue
+++ b/src/components/aaa.vue
@@ -1,14 +1,98 @@
 <template>
-<div>
-    <div>这是aaaa</div>
+  <div>
+    名称<input type="text" v-model="shangpin.mingcheng" /> 
+    价格<input type="text" v-model="shangpin.jiage" />
+    分类<input type="text" v-model="shangpin.fenlei" /> 
+    卖点<input type="text" v-model="shangpin.maidian" />
+    <input type="button" value="提交" @click="tijiao" />
 
-</div>
+    <br><button @click="chaxun">查询</button>
+    <el-table :data="tableData" style="width: 100%">
+      <el-table-column prop="mingcheng" label="名称" width="180"> </el-table-column>
+      <el-table-column prop="jiage" label="价格" width="180"> </el-table-column>
+      <el-table-column prop="fenlei" label="分类" width="180"> </el-table-column>
+      <el-table-column prop="maidian" label="卖点" width="180"> </el-table-column>
+    </el-table>
     
+    账号<input type="text" v-model="denglu.user">
+    密码<input type="text" v-model="denglu.pwd">
+    <button @click="login">登录</button><br>
+    <button @click="cxsp">查询全部商品</button>
+    <el-table :data="sp" style="width: 100%">
+      <el-table-column prop="name" label="名称" width="180"> </el-table-column>
+      <el-table-column prop="number" label="库存" width="180"> </el-table-column>
+      <el-table-column prop="weight" label="重量" width="180"> </el-table-column>
+    </el-table>
+  </div>
 </template>
 
 
 <script>
 export default {
-    name:"AaaCom"
-}
+  name: "AaaCom",
+  data() {
+    return {
+      shangpin: {
+        mingcheng: "",
+        jiage: "",
+        fenlei: "",
+        maidian: "",
+      },
+      denglu: {
+        user:'',
+        pwd:''
+      },
+      tableData:[],
+      sp:[]
+    };
+  },
+  methods: {
+    tijiao() {
+      this.axios({
+        url: "/addshop",
+        data: this.shangpin,
+        method: "POST",
+      }).then((res) => {
+        console.log(res);
+      });
+    },
+    chaxun() {
+      this.axios({
+        url: "/findshop",
+        method: "GET",
+      }).then((res) => {
+        console.log(res);
+        this.tableData = res.data.data
+      });
+    },
+    login() {
+        console.log(this.denglu)
+      this.axios({
+        url: "https://tomcat.theluyuan.com/vegetables//user/login",
+        method: "POST",
+        data:{
+            phone: this.denglu.user,
+            password: this.denglu.pwd
+        }
+      }).then((res) => {
+        console.log(res.data);
+        // this.token = res.data.data.token;
+        localStorage.setItem("token",res.data.data.token)
+      });
+    },
+    cxsp() {
+      this.axios({
+        url: "https://tomcat.theluyuan.com/vegetables/product/selectall",
+        method: "POST",
+        headers: {
+            // token: this.token
+            token: localStorage.getItem("token")
+        }
+      }).then((res) => {
+        console.log(res);
+        this.sp = res.data.data
+      });
+    },
+  },
+};
 </script>
\ No newline at end of file
diff --git a/src/components/zujian.vue b/src/components/zujian.vue
index d417568..9caa6b7 100644
--- a/src/components/zujian.vue
+++ b/src/components/zujian.vue
@@ -1,10 +1,11 @@
 <template>
     <div>
-        商品
+        <input type="text">
     </div>
 </template>
 
 <script>
+
 </script>
 
 <style>
diff --git a/src/main.js b/src/main.js
index bdbd544..e76d267 100644
--- a/src/main.js
+++ b/src/main.js
@@ -8,7 +8,11 @@ import VueRouter from "vue-router"
 import index from "./pages/index.vue"
 import ElementUI from 'element-ui';
 import 'element-ui/lib/theme-chalk/index.css';
+import axios from "axios"
 
+Vue.prototype.axios = axios
+
+axios.defaults.baseURL = "https://kaoshi-shangpin.theluyuan.com"
 
 Vue.use(ElementUI);