From fe1b3abda89951f6e3f839e436ee58eeb3dd1ae6 Mon Sep 17 00:00:00 2001
From: theluyuan <1162963624@qq.com>
Date: Mon, 30 Aug 2021 10:26:00 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8B=A6=E6=88=AA=E5=99=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main.js         | 36 ++++++++++++++++++++++
 src/pages/login.vue | 75 ++++++++++++++++++++++++++++++---------------
 2 files changed, 87 insertions(+), 24 deletions(-)

diff --git a/src/main.js b/src/main.js
index 46f42a0..fa1d373 100644
--- a/src/main.js
+++ b/src/main.js
@@ -7,6 +7,42 @@ import ElementUI from 'element-ui';
 import 'element-ui/lib/theme-chalk/index.css';
 import axios from "axios"
 Vue.use(ElementUI);
+// axios 全局的url前缀
+axios.defaults.baseURL = "https://tomcat.theluyuan.com/vegetables"
+// 请求拦截器 请求前修改请求的配置 可以添加token 请求头 
+axios.interceptors.request.use((config)=>{
+  console.log(config)
+  // 这个请求的配置 axios({})
+  // config.url="11111"
+  // dom 添加盖板
+  // config.baseURL = "2222"
+  config.headers.token = localStorage.getItem("token")
+  return config
+})
+
+
+// 响应拦截器
+// 获取后台的信息 修改 或者 跳转页面
+axios.interceptors.response.use((res)=>{
+  console.log(JSON.stringify(res),"这是拦截器的")
+  // res.data = "这是修改之后的"
+  if(res.data.message == "请输入正确的用户信息"){
+    router.push("/index")
+  }
+  // 删除盖板
+    alert("信息")
+  return res
+})
+
+axios.interceptors.response.use((res)=>{
+  console.log("这是第二个")
+  return res
+})
+
+axios.interceptors.response.use((res)=>{
+  console.log("这是第san 个")
+  return res
+})
 Vue.prototype.axios = axios
 // vue 使用这个插件
 Vue.use(VueRouter)
diff --git a/src/pages/login.vue b/src/pages/login.vue
index 395bc36..de1abcf 100644
--- a/src/pages/login.vue
+++ b/src/pages/login.vue
@@ -17,6 +17,15 @@
                 <el-button type="primary" @click="onSubmit">登录</el-button>
             </el-form-item>
         </el-form>
+        <!-- [{name:"1232",ge:123}] -->
+        <el-table :data="tableData" style="width: 100%">
+            <el-table-column prop="id" label="ID" width="180">
+            </el-table-column>
+            <el-table-column prop="name" label="名字" width="180">
+            </el-table-column>
+            <el-table-column prop="des" label="简介"> </el-table-column>
+            <el-table-column prop="cateId" label="cateId"> </el-table-column>
+        </el-table>
     </div>
 </template>
 
@@ -25,28 +34,29 @@
 
 <script>
 export default {
-    data(){
+    data() {
         return {
-            formInline:{
-                user:"",
-                pwd:""
-            }
-        }
+            formInline: {
+                user: "",
+                pwd: "",
+            },
+            tableData:[]
+        };
     },
-    methods:{
-        onSubmit(){
-            console.log(this.formInline)
-            // jquery data 
+    methods: {
+        onSubmit() {
+            console.log(this.formInline);
+            // jquery data
             // params url
             // data 请求体传参
             // promise
             // this.axios({
             //     url:"https://tomcat.theluyuan.com/vegetables/user/login",
             //     method:"post",
-                // params:{
-                //     phone:this.formInline.user,
-                //     password: this.formInline.pwd
-                // }
+            // params:{
+            //     phone:this.formInline.user,
+            //     password: this.formInline.pwd
+            // }
             // }).then((res)=>{
             //     console.log(res.data)
             // })
@@ -60,15 +70,32 @@ export default {
             //     }).then((res)=>{
             //         console.log(res.data)
             //     })
-            this.axios.get("https://tomcat.theluyuan.com/vegetables/user/login",{
-                params:{
-                    adasd:213,
-                    dasd:111
-                }
-            }).then((res)=>{
-                console.log(res)
-            })
-        }
-    }
+            // 全局的 baseURL + url
+            this.axios
+                .post("/user/login", {
+                    phone: this.formInline.user,
+                    password: this.formInline.pwd,
+                })
+                .then((res) => {
+                    console.log(res);
+                    localStorage.setItem("token",res.data.data.token)
+                    return this.axios.post(
+                        "/product/selectall"
+                    );
+                })
+                .then((res) => {
+                    console.log(res);
+                    this.tableData = res.data.data
+                });
+            // this.axios.get("cf://www.baidu.com",{
+            //     params:{
+            //         adasd:213,
+            //         dasd:111
+            //     }
+            // }).then((res)=>{
+            //     console.log(res)
+            // })
+        },
+    },
 };
 </script>
\ No newline at end of file